1. 程式人生 > >未來的 Web:九個不可思議的 WebGL 應用試驗

未來的 Web:九個不可思議的 WebGL 應用試驗

  WebGL 技術允許把 JavaScript 和 OpenGL ES 2.0 結合在一起,通過增加 OpenGL ES 2.0 的一個 JavaScript 繫結,WebGL 可以為 HTML5 Canvas 元素提供硬體 3D 加速渲染,這樣 Web 開發人員就可以藉助系統顯示卡來在瀏覽器裡更流暢地展示3D場景和模型了,還能建立複雜的導航和資料視覺化。今天,本文向大家展示8個驚豔的 WebGL 應用實驗。

您可能感興趣的相關文章

1.  Pearl Boy

如果你需要片刻來放鬆心情,那麼來試玩一下 Pearl Boy 吧。這個精美的演示操作很簡單,控制船上小男孩在美麗的海上夕陽的背景下划船前進或者潛入水底,探尋神祕的海底世界。

效果演示

2.  Pitts Demo

Pitts demo 是另一個精彩的 3D 飛行遊戲,像其它我已經展示的遊戲演示一樣,這個遊戲的物理引擎也是讓人難以置信的。你可以滾動,減慢,加速! 

效果演示

3. Chrome World Maze

《Chrome 世界迷宮》是 Chrome 最前沿的實驗專案之一。玩轉世界迷宮的時候,用你的桌面裝置作為顯示屏和手機(安裝了 Chrome 瀏覽器)作為控制器。你可以使用任何網站作為迷宮,趕緊體驗一下吧!

效果演示

4.  Optic Flow

《光流》演示使用的裝置的攝像頭來檢測移動,並再運動路徑周圍發散一系列的光點。運動越多,動畫圓點越多。終極玩法,在攝像頭前面的搖擺運動,以獲得最佳體驗。

效果演示

5.  Roll It

這是一款經典的滾雪球遊戲,和《Chrome 迷宮》遊戲一樣,也是桌面螢幕作為顯示器,移動裝置作為控制器。擺動手動的移動裝置,板上的球就能滾動了,趕緊試一下!

效果演示

6.  Ironbane MMO

Ironbane 是一個 3D 平臺遊戲,在你移動的的時候回自動切換的角度。不可思議的平滑動畫和響應能力,Ironbane 是 HTML5 遊戲經典案例之一。

效果演示

7.  Cube Slam

有人想嘗試和一隻孤獨的熊玩擋板打磚塊遊戲嗎?Cube slam 給你這個機會,當然也可以和朋友玩,只要發給他們一個用於同步的連結就可以了。

效果演示

8.  WebCam Mesh

這個令人驚歎的演示也是應用了攝像頭,建立動態,充滿質感的脈動形態的使用者影象,多麼令人難以置信的流暢和迷人的傑作。

效果演示

9.  Pixelate

畫素化是另一種基於攝像頭的演示,跟蹤使用者的動作,並以綠色的畫素點顯示物件的輪廓。此演示甚至能模仿聲音(在Mac上,嘗試增加和減少音量可以實現)。

效果演示

  WebGL 還可以用於更強大的圖形創作和動畫。上述幾個演示專案都是令人印象深刻的遊戲,代表著 HTML5 遊戲的未來!

您可能感興趣的相關文章