九個相當有吸引力的WebGL演示

　　本文作者David Walsh與大家分享了這九個很有吸引力的WebGL演示，同時細述了各個演示有趣的特點。（以下是編譯內容）

　　伴隨著Firefox OS和asm.js的創新，還有瀏覽器效能改善的推動力，Canvas和WebGL技術正在開啟一個一切皆有可能的世界。作者之前寫過一個專題：9 Mind-Blowing Canvas Demos，然後上升到一個新的高度，寫了：9 Mind-Blowing WebGL Demos，但是他想在這個帖子裡寫一篇能夠超過前兩篇高度的文章。=>>>本文作者分享了九個炫酷的WebGL演示。

　　1. WebGL Water

　　沒錯，這個令人難以置信的演示就是以液體的形式出現的。把球拿起來或扔進水裡來看整個過程的真實反應，還有飛濺起來的漂亮的水花。你同樣可以點選池水來觀察閃爍盪漾的波紋。在這個極佳的WebGL演示裡能看到這麼真實的，流暢的動畫效果，的確讓人有種佩服至極的感覺，像魔幻一樣。

　　2. Fizzy Cam

　　Fizzy Cam可以使用裝置上的網路攝像頭拍照來顯示你的個人肖像，但必須要用數千個移動的塊覆蓋在你的肖像上，這能讓你的個人肖像呈現出很有趣很有藝術氣息的感覺。這些小箱子的移動和運動會隨著演示一起移動。同時，你也會對這個WebGL的創意而感到驚歎。

　　3. Blossom

　　這個Blossom演示能夠為你展示樹葉離開樹枝的栩栩如生的動畫效果。聽起來很簡單，但是通過這個WebGL所創造出來的效果是非常真實的；這些樹葉看上去和真的一樣，很自然很流暢的飄動著，會讓你情不自禁盯著看下去。整個過程效果看上很柔軟，但我認為它很美，有點讓人難以置信。

　　4. Teach Me to Fly 

　　Teach Me to Fly是一個很好玩的遊戲，在這個遊戲裡，你可以引導你所選的角色穿梭在林林總總的大樓之間。雖然控制的方法很簡單，但整個飛行過程很有挑戰性，很刺激（就像《變形金剛3》裡面的士兵穿著蝙蝠裝飛行在天上的感覺）。3D打造的大樓建築看上去特別震撼，控制也是很精準的，不會有差錯。

　　5. Visualeyezer

　　這個演示的特色就是這個巨大的眼睛會跟著你在螢幕上指標的移動而不停地轉動，跳動，還會隨著音樂的改變而變換不同的顏色。看上去令人不安？一點點吧。給你留下深刻的印象了嗎？那必須的。眼睛部分的細節真的會吸引人們的注意力——液態的，平滑的，動作一致的。

　　6. Nucleal

　　Nucleal是另一個建立在粒子基礎上的動態畫面，但這個動畫超越了其它的動畫效果。你可以選擇要使用粒子的數量（也就是說這取決於你電腦CPU的承受能力），並在動態畫面周圍拖放來觀察不同的視覺狀態。這些粒子同樣很有生機，向你展現出一種令人驚異的順滑曲線。

　　7. Interactive Globe

　　Interactive Globe有著超出人們想象的反應性和實用性。當你拖放這個圓球的時候，那些資訊標籤就會不斷地流動展示。不停旋轉的動畫同樣能帶來偉大的視覺吸引力。

　　8. Google Maps Cube

　　Google Maps Cube是一個遊戲，藉此你可以在這個立方體周圍迴圈旋轉你的游標，在給定的方向裡使這個立方體傾斜，也能夠在這個地圖上選取一個小球來代表目的地。這是對Google Maps的創新使用，操作起來非常方便。

　　9. Ellie Goulding Light's

　　這第九個演示可能是所有演示裡最能給你留下深刻印象的，所以留到最後介紹給大家以掩飾筆者對它的鐘愛。這個演示很精彩——因為它有很多種型別的光線。隨著背景音樂的播放，你可以導航出一束光穿過一大堆光球，按下滑鼠後光束會加快速度。隨著演示的不斷執行，會有越來越多的光束和顏色加入到這個動態畫面裡。好了，希望你們能夠喜歡這九款WebGL演示。

　　不得不說，這九個演示一定能讓你感到震驚，而且動畫師製作這麼偉大的工作是需要巨大的雄心的。希望你在看完這些演示之後能更加努力的創造好的產品。

　　英文來源：David Walsh