推薦10 個 HTML5 教程

fmms 14年前發布 | 47K 次閱讀 HTML5

在這10個教程中有簡單的圖片操作,也復雜的游戲開發。適合開發人員循序漸進得學習HTML5技術。

1. HTML5 canvas – Creating own Paint program

如何實現一個簡單的畫圖程序。
HTML5 canvas – Creating own Paint program

2. Creating Particles with Three.js

在這個教程中作者將告訴我們如何利用 Three.js輕松創建星星。

Three.js 是一款運行在瀏覽器中的 3D 引擎,你可以用它創建各種三維場景,包括了攝影機、光影、材質等各種對象。你可以在它的主頁上看到許多精采的演示。不過,這款引擎目前還處在比較不成熟的開發階段,其不夠豐富的 API 以及匱乏的文檔增加了初學者的學習難度(尤其是文檔的匱乏)

演示:http://mrdoob.github.com/three.js/

Creating Particles with Three.js

3. Making a Beautiful HTML5 Portfolio

講述如何使用 HTML5 創建 Web 相冊,基于 jQuery 和 Quicksand 插件。
Quicksand 插件是一個非常不錯的 jQuery 插件,用于實現動畫洗牌效果
Making a Beautiful HTML5 Portfolio

4. Interactive Typography Effects with HTML5

如何創建一個獨特的banners。
Interactive Typography Effects with HTML5

5. Getting Started with Web Audio API

學習如何使用HTML5音頻標簽
Getting Started with Web Audio API

6. Mobile Snake

使用 HTML5 Canvas 和 JavaScript 技術,創建一個移動版的貪吃蛇。
Mobile Snake

7. Create Vector Masks using the HTML5 Canvas

學習如何使用canvas標簽和剪輯功能來創建不規則圖形。
Create Vector Masks using the HTML5 Canvas

8. Create a Drawing App with HTML5 Canvas and JavaScript

學習如何使用HTML5 canvas標簽和JavaScript來創建一個簡單的Web畫圖程序。
Create a Drawing App with HTML5 Canvas and JavaScript

9. HTML 5 & Silverlight 5

這篇文章的目的是比較Silverlight 5 與 HTML 5技術。
HTML 5 & Silverlight 5

10. How to make a simple HTML5 Canvas game

這篇文章將教我們如何創建一個簡單的Canvas游戲。
How to make a simple HTML5 Canvas game

 本文由用戶 fmms 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!