那些我見過的驚艷demo？

那是一個沒有加班百無聊賴的正常夜晚，鐘錶的滴答聲在寂靜的房間里有節奏的重複著，漆黑的一居室只有一絲電腦屏幕的亮度，把我的臉映的蒼白，眼鏡里的反光夠發現，我正在漫無目的的瀏覽著網頁。

那時的我已經從事前端有些年頭了，每天接觸的都是一些大同小異的電商網站，有滑不完的樓層，看不完的分類和永遠裝不滿的購物車。

『』唉，沒意思「，說罷我點上一支煙，猛吸了兩口，再將口中的煙一口全吐在了屏幕上面，筆直的藍色煙霧在碰到屏幕的一瞬間四散飄去，最終消失在了天花板上。

被煙熏到皺眉的雙眼在屏幕上漫無目的的瀏覽著，滑鼠跟隨著視線移動著，在一些不經過大腦思考的一頓點擊之後，我進到一個載入速度巨慢的網頁，網頁一片空白，平時的正常操作便是點擊關閉看別的網頁。

當我的游標移到關閉按鈕時，我瞟了一眼瀏覽器地址欄，看到了github這個單詞，出於程序員的本能，對github這個單詞很是親切，於是我沒有點擊關閉，選擇了默默的等待。

頁面是先是黑色的背景，然後左下角顯示出了FPS（美妙傳輸幀數），看到這些我更加的好奇，一直盯著屏幕等待頁面效果的出現，手中的香煙也自己燃了半截，沒抽一口。

忽然瀏覽器中出現了一個風景圖片做的背景，這種背景是在電腦自帶的背景中很常見的，充滿了好奇的雙眼頓時暗淡了許多。

我把右腳抬起踩在了椅子上，下巴頂在右腿的膝蓋上準備關閉網頁，三個立體水滴出現在了屏幕上，水滴在屏幕上不規則的運動著，兩個水滴一旦接觸就會融為一滴，之後又會因為運動的方式不同再分開，過程十分流暢和自然。

並且，水滴表面還有折射完陽光後的彩色光，同時能清楚的看到後面背景的倒影，並且會根據位置形態的不同產生的樣子。

那是我第一次見到這樣的demo，雖然沒有任何的交互在裡面，但是我還是驚呆了，我放下右腿把臉湊向屏幕，嘴巴已經不自覺的張開，就像宅男第一次看到小電影的樣子一樣。我的眼睛一直盯著這三個水滴，久久不能自拔。

隨著一聲驚嘆的卧槽，我把燃盡的煙頭抽了最後一口扔進了煙灰缸里，但視線一直沒有離開過屏幕。

然後我發現，這個水滴竟然還能放大後面的背景時，我徹底被這這個demo給征服了，然後又是一聲驚嘆的卧槽！

不光運動完全符現實情況，就連細節都完全和物理學相吻合，我一定要看看他的源碼。

我一定要看看這是怎麼做到的，我根據網頁地址找到了這個demo的源碼，原來實現它的是Three.js，一個專門來實現3D特效的js框架。

原來是屬於我js的範疇，簡單看了幾眼之後發現其實也沒有太大的難度，就是掌握好運動的原理和Three.js的api就行，沒有仔細看完，我便迫不及待的去看了別的demo，每個都驚艷到了我，完全就是一種全新的瀏覽體驗，有海底世界的。

還有根據谷歌地圖做的3D版的地圖，並且還可以在上面做遊戲，後期我又發現，它還能夠實現Web端的VR場景特效，簡直太強大了，那晚就是在一聲又一聲的卧槽中度過的。

現在看把看Three.js的demo作為我工作之餘的一個放鬆。當然，如果想搞定它，還是得有很強的js功底。

所以建議大家，如果真的感興趣的話，想做的話可以先從javascript下手。

好了，就這麼多吧。