Html5游戲開發培訓
? Html5游戲開發培訓
?
課程概要
標題
內容
CSS3基礎
1.CSS3與CSS2的區別，CSS3的兼容性，瀏覽器前綴
2.不需要前綴的樣式JS設置CSS3樣式，setStyle3()的封裝，IE前綴的問題
3.rgba的使用，rgba和opacity的區別，rgba的應用，rgba和漸變
4.線性漸變的使用，最簡形式，漸變方向的控制，多點漸變和rgba的結合
HTML5特性、表單
1.HTML5表單特性，placeholder的使用，autocomplete和autofocus
2.HTML5表單驗證，required屬性的使用，pattern屬性的使用
3.JS配合HTML5表單校驗，checkValidity()方法的使用
Video、Audio應用
1.video、audio基礎，支持和兼容性
2.文件格式支持，source標簽的使用,各瀏覽器下的工具樣式
3.播放、暫停和停止媒體數據
4.canplay、canplaythrough事件的使用，loadeddata事件error和emptied事件的區別，加載錯誤處理
Canvas
1.ZObject類，基本屬性：位置、父級、子級，方法
2.ZRect類、ZImg類，圖片裁切，設置各種樣式
3.ZCanvas類，封裝原始canvas，構造自己的document對象
桌面通知、離線應用
1.桌面通知基礎，webkitNotifications對象的使用，彈出HTML通知
2.離線應用基礎，緩存離線資源，在線狀態檢測，本地數據存儲和同步
3.manifest文件的編寫，manifest文件的引入，NETWORK段、CACHE段、FALLBACK段的使用
4.緩存更新的兩種方法和策略，applicationCache對象的使用UPDATEREADY狀態
webWorker和webSql
1.WebWorker基本使用，多線程的概念
2.數據庫的基本使用：CREATE語句、SELECT語句、INSERT語句、DELETE語句、UPDATE語句
webGL
1.webGL的基本組成：場景、渲染器、光源、攝像機、物體場景：創建、添加
2.渲染器：SVG、canvas、webGL三種渲染器的使用和區別
3.光源：平行光、點光源、環境光的區別和使用，制定光源的顏色、強度、照射距離
4.攝像機：矩形攝像機、景深攝像機的區別，攝像機的遠點、近點、寬高比等屬性的設置
5.物體的位置、旋轉、縮放屬性的設置