• 第1章 效果预览与介绍
• 视频：1-1 课程简介(03:16)

• 第2章 设计思路与蕴涵的知识点
• 视频：2-1 整体介绍(01:40)
• 视频：2-2 编程思路(02:15)

• 第3章 技术点的分解
• 编程：3-1 自适应rem布局
• 编程：3-2 关键帧动画
• 编程：3-3 自适应雪碧图
• 编程：3-4 元素运动实现
• 编程：3-5 3D变换的梳理
• 编程：3-6 异步编程梳理
• 编程：3-7 观察者模式的理解
• 编程：3-8 SVG概述
• 编程：3-9 CANVAS概述

• 第4章 整体结构与镜头切换效果的实现
• 编程：4-1 布局结构
• 编程：4-2 镜头效果
• 编程：4-3 代码封装
• 编程：4-4 场景切换
• 编程：4-5 场景音乐

• 第5章 场景页面A
• 编程：5-1 圣诞树、月亮与云
• 编程：5-2 圣诞雪橇
• 编程：5-3 SVG星星
• 编程：5-4 3D开窗效果

• 第6章 场景页面B
• 编程：6-1 小男孩动作分解
• 编程：6-2 小女孩动作分解
• 编程：6-3 3D旋转特效(上)
• 编程：6-4 3D旋转特效(中)
• 编程：6-5 3D旋转特效(下)
• 编程：6-6 3D旋转视频

• 第7章 场景页面C
• 编程：7-1 3D关窗效果
• 编程：7-2 canvas飘雪(上)
• 编程：7-3 canvas飘雪(中)
• 编程：7-4 canvas飘雪(下)

• 第8章 最终效果与总结
• 编程：8-1 最终效果与总结