你從沒見過的 HTML5 動畫效果

HTML5 的 Canvas 對象將改變 JavaScript 的使命,使之成為 HTML5 下強大的動畫腳本編寫工具。本文介紹了 8 個你從未見過的,基于 HTML5 Canvas 和 JavaScript 的動畫,這些令人難以置信的效果將使你對 HTML5 徹底折服。需要指出的是,這些都是瀏覽器的原生動畫,無需任何插件。

Tunnelers

純 JavaScript + HTML5 Canvas 生成的交互動畫,難以置信。

The Mesmerizer

在格子中移動鼠標,顏色隨著改變并擴散到周圍的格子,很迷幻。用鼠標點四角的格子,或按鍵盤,可以看到更奇妙的效果。

Burn


在頁面上移動鼠標,或按下鼠標,這樣的效果,很難相信是瀏覽器原生的。

Cheloniidae Live

也是基于純粹的 JavaScript,不過使用了一個 JavaScript 庫。很有趣,你可以通過修改其 JavaScript 代碼實現自己的效果(可惜被墻了)。

Canvas 3D engine

一個基于 Canvas 的 3D 引擎。目前只支持預設的圖形,紋理及基本交互功能。

Bomomo

很值得一試。

DDD

這個交互動畫也很有趣。

Plasma Tree

非常阿凡達。

延伸閱讀

本文國際來源:queness.com 8 Simply Amazing HTML5 Canvas and Javascript Animations (原文作者 kevin

中文翻譯來源:銳商企業CMS 網站內容管理系統 官方網站





評論
...
發表評論


用戶


評論(不超過1000字)


 6 + 3 = ? 請將左邊的算術題的結果填寫到左邊的輸入框  


  發送給朋友| 打印友好
7 x 12 小時服務熱線
0532 - 83669660
微信: comsharp
QQ: 13885509
QQ: 592748664
Skype: comsharp