开发环境: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是画面渲染时间 - 适配场景对浏览器的自适应