开发环境：Mac OS 10.13.4 | Windows 10
开发工具：vscode
书籍：《Threejs 开发指南》
代码仓库：https://github.com/josdirksen/learning-threejs
一个简单的动画效果分析实现过程分析：
- 定义场景（scene），相机（camera）和渲染器（renderer）
- 创建平面
** 定义平面大小
** 设置平面外观（颜色和透明度） - 添加材质、光源和阴影效果
** 基本材料对光源没有反应，只会使用指定的颜色来渲染物体
** 设置阴影
**** 哪个物体投射阴影castShadow = true;、哪个物体接受阴影receiveShadow = true; - 创建动画，动起来
** 引入requestAnimationFrame()方法
****setMode()0是fps，1是画面渲染时间 - 适配场景对浏览器的自适应
网友评论