• 第1章 效果預(yù)覽與介紹
• 視頻：1-1 課程簡(jiǎn)介(03:16)

• 第2章 設(shè)計(jì)思路與蘊(yùn)涵的知識(shí)點(diǎn)
• 視頻：2-1 整體介紹(01:40)
• 視頻：2-2 編程思路(02:15)

• 第3章 技術(shù)點(diǎn)的分解
• 編程：3-1 自適應(yīng)rem布局
• 編程：3-2 關(guān)鍵幀動(dòng)畫(huà)
• 編程：3-3 自適應(yīng)雪碧圖
• 編程：3-4 元素運(yùn)動(dòng)實(shí)現(xiàn)
• 編程：3-5 3D變換的梳理
• 編程：3-6 異步編程梳理
• 編程：3-7 觀察者模式的理解
• 編程：3-8 SVG概述
• 編程：3-9 CANVAS概述

• 第4章 整體結(jié)構(gòu)與鏡頭切換效果的實(shí)現(xiàn)
• 編程：4-1 布局結(jié)構(gòu)
• 編程：4-2 鏡頭效果
• 編程：4-3 代碼封裝
• 編程：4-4 場(chǎng)景切換
• 編程：4-5 場(chǎng)景音樂(lè)

• 第5章 場(chǎng)景頁(yè)面A
• 編程：5-1 圣誕樹(shù)、月亮與云
• 編程：5-2 圣誕雪橇
• 編程：5-3 SVG星星
• 編程：5-4 3D開(kāi)窗效果

• 第6章 場(chǎng)景頁(yè)面B
• 編程：6-1 小男孩動(dòng)作分解
• 編程：6-2 小女孩動(dòng)作分解
• 編程：6-3 3D旋轉(zhuǎn)特效(上)
• 編程：6-4 3D旋轉(zhuǎn)特效(中)
• 編程：6-5 3D旋轉(zhuǎn)特效(下)
• 編程：6-6 3D旋轉(zhuǎn)視頻

• 第7章 場(chǎng)景頁(yè)面C
• 編程：7-1 3D關(guān)窗效果
• 編程：7-2 canvas飄雪(上)
• 編程：7-3 canvas飄雪(中)
• 編程：7-4 canvas飄雪(下)

• 第8章 最終效果與總結(jié)
• 編程：8-1 最終效果與總結(jié)