HTML5 的 Canvas 對象將改變 JavaScript 的使命,使之成為 HTML5 下強(qiáng)大的動(dòng)畫腳本編寫工具。本文介紹了 8 個(gè)你從未見過的,基于 HTML5 Canvas 和 JavaScript 的動(dòng)畫,這些令人難以置信的效果將使你對 HTML5 徹底折服。需要指出的是,這些都是瀏覽器的原生動(dòng)畫,無需任何插件。
純 JavaScript + HTML5 Canvas 生成的交互動(dòng)畫,難以置信。
在格子中移動(dòng)鼠標(biāo),顏色隨著改變并擴(kuò)散到周圍的格子,很迷幻。用鼠標(biāo)點(diǎn)四角的格子,或按鍵盤,可以看到更奇妙的效果。
在頁面上移動(dòng)鼠標(biāo),或按下鼠標(biāo),這樣的效果,很難相信是瀏覽器原生的。
也是基于純粹的 JavaScript,不過使用了一個(gè) JavaScript 庫。很有趣,你可以通過修改其 JavaScript 代碼實(shí)現(xiàn)自己的效果(可惜被墻了)。
一個(gè)基于 Canvas 的 3D 引擎。目前只支持預(yù)設(shè)的圖形,紋理及基本交互功能。
很值得一試。
這個(gè)交互動(dòng)畫也很有趣。
非常阿凡達(dá)。
本文國際來源:queness.com 8 Simply Amazing HTML5 Canvas and Javascript Animations (原文作者 kevin)
中文翻譯來源:銳商企業(yè)CMS 網(wǎng)站內(nèi)容管理系統(tǒng) 官方網(wǎng)站
-- 學(xué)海無涯