HTML5跨平台游戲設計：從入門到超人氣游戲開發實戰

01 游戲設計與HTML5
1.1HTML5簡介
HTML是什麼
HTML的缺陷
HTML5的發展
HTML5全新體驗
HTML5特質
HTML5與游戲設計
1.2HTML5開發環境的建立
編輯工具Notepad++
安裝Notepad++
1.3HTML5測試與調試
安裝Firefox瀏覽器
安裝SeleniumIDE
應用SeleniumIDE
1.4范例：HelloWorld
范例說明
重點技術
代碼段
程序代碼解析

02 HTML5基礎
2.1結構化元素
什麼是結構化元素
結構化元素圖解
實際應用
2.2內容標記方法
繪圖元素
分組元素
文字層級元素
交互式元素
2.3多媒體應用
＜aUdiO＞
＜video＞
＜SOUrCe＞
＜traCk＞
補充說明：WebVTT格式
＜embed＞
2.4Web應用程序
＜dataliSt＞
＜keygen＞
＜Output＞
＜meter＞
＜progress＞

03 CSS3應用
3.1CSS基礎知識
CSS是什麼
CSS3閃亮登場
CSS基本語句
引用CSS
實戰CSS
3.2文字與圖片
文字樣式
圖片
盒子模式（boxmodel）
3.3表格與窗體
表格
窗體

04 CSS3網頁小游戲
4.1制作游戲場景
游戲策划
HTML結構
CSS樣式
4.2制作地鼠和死亡動畫
地鼠布局方式
地鼠死亡動畫的觸發原理
動畫屬性Animation
CSS樣式
4.3制作得分動畫
得分動畫制作原理
漸變屬性Transition
CSS樣式
4.4制作關卡時間條與游戲結束畫面
關卡時間條動畫原理
CSS樣式

05 常用的觸發事件與組件
5.1鼠標單擊事件監聽
JavaScript提要
鼠標單擊事件
5.2鍵盤按鍵事件監聽
按下一個鍵（onKeyDown）
按住（keyPress）與放開（KeyUp）
5.3網頁錨點跳轉
認識URL地址格式
認識hash值
5.4瀏覽器檢測
認識navigator
實踐一下navigator
5.5DOM控制
認識getElementById
認識eval（）語句
實現一個加減乘除計算器
5.6分辨率檢測
檢測屏幕數值
自動轉換電腦版與移動版版面
5.7發送E—Mail——客戶回復系統
使用Chrome瀏覽器啟動mailto
使用JavaScript啟動E—Mail
5.8當前時間日期
日期時間檢測——計時器
日期對象Date
實現時間顯示與計時器
程序的執行效率

06 多媒體播放
07 Web應用
08 網頁數據存儲
09 學習使用jQuery
10 趣味交互式個人履歷網站
11 認識HTML5游戲引擎
12 游戲制作——2D游戲地圖
13 游戲制作——倉庫番推寶箱
14 游戲制作——Facebook網絡應用
15 HTML5游戲的上線分享