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