天天看點

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

您可能感興趣的相關文章

<a href="http://www.cnblogs.com/lhb25/archive/2013/01/15/top-10-html5-games-2012.html" target="_blank">2012年最經典的10款 HTML5 遊戲集錦</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/05/09/exciting-online-web-games-built-in-html5.html" target="_blank">35款非常優秀的基于 HTML5 網頁遊戲</a>

<a href="http://www.cnblogs.com/lhb25/archive/2012/05/29/impressive-html5-canvas-experiments.html" target="_blank">20個驚豔的 HTML5 Canvas 應用試驗</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/03/27/1993819.html" target="_blank">29款基于 HTML5 Canvas 的網頁遊戲</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/08/09/awesome-html5-and-javascript-effects.html" target="_blank">8個驚豔的 HTML5 和 JavaScript 特效</a>

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

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

<a href="http://www.gooengine.com/demofiles/pearl-boy/index.html" target="_blank">效果示範</a>

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

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

<a href="http://www.ovoid.org/js/rel/1.1/pittsdemo" target="_blank">效果示範</a>

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

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

<a href="http://chrome.com/maze/" target="_blank">效果示範</a>

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

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

<a href="http://www.clicktorelease.com/code/optical-flow-webrtc/" target="_blank">效果示範</a>

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

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

<a href="http://chrome.com/campaigns/rollit" target="_blank">效果示範</a>

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

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

<a href="http://www.ironbane.com/game.php" target="_blank">效果示範</a>

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

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

<a href="https://www.cubeslam.com/ncokau" target="_blank">效果示範</a>

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

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

<a href="http://www.airtightinteractive.com/demos/js/webcammesh" target="_blank">效果示範</a>

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

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

<a href="http://pierreloicdoulcet.fr/pixel/" target="_blank">效果示範</a>

  WebGL 還可以用于更強大的圖形創作和動畫。上述幾個示範項目都是令人印象深刻的遊戲,代表着 HTML5 遊戲的未來!

<a href="http://www.cnblogs.com/lhb25/archive/2012/10/26/impressive-chrome-experiments.html" target="_blank">讓人驚歎的 Chrome 浏覽器實驗項目</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/05/06/2020249.html" target="_blank">分享21款豐富多彩的 HTML5 網頁遊戲</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/11/21/10-online-html5-tools-for-web-designers.html" target="_blank">推薦10款優秀的 HTML5 線上設計工具</a>

<a href="http://www.cnblogs.com/lhb25/archive/2013/01/10/top-20-html5-sites-2012.html" target="_blank">2012年最佳的 HTML5 應用和網站作品</a>

<a href="http://www.cnblogs.com/lhb25/archive/2011/03/27/1993819.html" target="_blank">29款基于 HTML 5 Canvas 的網頁遊戲</a>

歡迎任何形式的轉載,但請務必注明出處。

繼續閱讀