Vicky455

1.创建box 2.串联动画[平移-缩放-复位] 3.渐变 tween.js实现动画的平移、缩放、渐变

1.html部分 2.js部分 3.导入 2.声明变量，初始化 3.创建Box 4.创建路径 5.沿着路径运动 6.以下为常规搭建场景【可多次复用】

1.引入 2.创建相机 3.创建相机动画 4.更新动画 5.即可实现场景的旋转动画 tween.js和three.js的场景转换效果

1.执行上下文和执行栈 执行上下文 什么是执行上下文？ Javascript 代码都是在执行上下文中运行的 执行上下文生命周期 1）创建阶段 2)执行阶段 执行上下文的特点： 1）单线程，只在主线程上

1.网址 https://www.toptal.com/developers/css/sprite-generator 2.下载图片 3.引入标签，然后把生成的css复制进去，即可显示

快捷键 功能 R 旋转 R + X/Y/Z 沿着X/Y/Z旋转(会出现一个红色的参考坐标) Alt + R 回到默认旋转位置 G 自由移动 G + X/Y/Z 沿着X/Y/Z移动(会出现一个红色的参考

效果展示 代码展示 1.html 2.js 常见搭建以及效果的实现 2.1 初始化 创建场景 创建光源 创建相机 设置背景 创建渲染器 创建控制器 辅助坐标系 将平面添加到场景中 创建并复制房屋 添加

效果展示： 实现思路 1.html部分 2.js部分 2.1 引入和方法封装 2.2 具体方法 创建场景 创建光源 创建相机 创建背景 创建渲染器 创建控制器 辅助坐标系 搭建基本场景完成，以下都是场

创建控制器 控制视口的旋转，包括 旋转的方向、角度大小的限制、鼠标事件 监听鼠标事件，触发渲染函数等