相關文章

7ddea02c8f13fd9b616b1a3ef93de4ce 網站開發者和 Mozilla 狂熱愛好者 David Walsh 為我們集中展示了 9 個使用HTML5所製作出來的範例,這些範例無需使用 Flash 或 Silverlight 之類的外掛程式,只要原本內建的技術就能展現瀏覽器的威力。

一篇出現在Sidebar上的文章展示了 HTML5 的強大能力。網站開發者和 Mozilla 狂熱愛好者 David Walsh 為我們集中展示了 9 個範例(範例1範例2範例3範例4範例5範例6範例7範例8範例9)這些範例只使用了內建技術展示瀏覽器的能力,完全不需要借助 Flash 或 Silverlight 之類的外掛程式。下面是三個令人過目難忘的範例。

光子禪境花園 (Zen Photon Garden)裡,你可以通過劃線來改變光線的傳播方向。所有的光線和反射等都是即時的,簡單幾條線就能創造出意外的美景。

第二個樣本則更為複雜。在使用了大量計算後,作者為我們呈現了一個高度複雜的動畫。這是一個你從未見過的 Helvetica:字母不停的蠕動和變化,分解和重組,你還可以使用滑鼠來改變視角。由於完全使用內建技術,這個樣本在相對較舊的硬體上也能完美實現,作者還很慷慨地把程式碼分享出來

最後的大軸是一個更為複雜的 Chrome Experiment,名為 Gesture + Reveal.JS,這個實驗使用了 WebRTC 和 JavaScript 來使用Webcam。該技術為使用者提供了一個手勢操作的介面。當然這種控制方式看起來並不新鮮,但這非常酷,再強調一遍,因為它能在任何一台過去 5 年內生產的電腦上完美運行。

毫無疑問,這些樣本個個都是精品,但如果開發者和設計師們充分利用這些輕便簡單又醒目的技術來為我們日復一日的網頁流瀏增添樂趣才是最讓人振奮的未來。( theverge.com)

使用 Facebook 留言

發表回應

謹慎發言,尊重彼此。按此展開留言規則