簡介：圣誕節(jié)將近，帥哥美女相約，送一份特別的禮物，讓TA過一個(gè)不一樣的節(jié)日。本課程中使用面向?qū)ο蟮木幊谭绞?，采用H5+JS+CSS3的混合使用實(shí)現(xiàn)整個(gè)功能。課程當(dāng)中總共分為3個(gè)主題場(chǎng)景圖，多個(gè)精靈圖以及雪碧圖，實(shí)現(xiàn)了靜與動(dòng)的完美結(jié)合，并且由淺入深的將整個(gè)案例拆分講解。
第2章 設(shè)計(jì)思路與蘊(yùn)涵的知識(shí)點(diǎn)
本章主要介紹課程的整體框架，整體思路以及蘊(yùn)涵的知識(shí)點(diǎn)
第3章 技術(shù)點(diǎn)的分解
本章主要介紹該案例要用到的詳細(xì)的知識(shí)點(diǎn)，并將對(duì)這些知識(shí)點(diǎn)進(jìn)行一一的講解
第4章 整體結(jié)構(gòu)與鏡頭切換效果的實(shí)現(xiàn)
本章主要對(duì)布局結(jié)構(gòu)、鏡頭效果、代碼封裝、場(chǎng)景切換以及場(chǎng)景音樂的介紹
第5章 場(chǎng)景頁面A
本章主要是對(duì)圣誕樹、月亮與云、圣誕雪橇、SVG星星以及3D開創(chuàng)效果這些場(chǎng)景的解析
第6章 場(chǎng)景頁面B
本章主要是對(duì)小男孩和小女孩的動(dòng)作分解，以及講解3D的旋轉(zhuǎn)特效
第7章 場(chǎng)景頁面C
本章主要講解了3D關(guān)窗的效果以及canvas繪制的飄雪效果