初识
[Three.js](https://threejs.org/) 是一款运行在浏览器中的 3D 引擎,你可以用它创建各种三维场景。
Three.js学习之前,我们需要了解他的三个关键对象:
1. 场景(场景对象是所有不同对象的容器,也就是说该对象保存所有物体、光源、摄像机以及渲染所需的其他对象)
2. 相机(Camera相当于人的眼睛,从坐标的那个视点去观察目标,相当于投影出立体感。)
3. 渲染器(渲染器可以视为是canvas标签,相机可以视为画布。注意画布和canvas标签不是同一个东西,canvas标签是画布的容器。画布就好比一张图片,而canvas标签就像img标签)
相机视角
相机位置
`camera.position.x`改变相机位置
示例详解
实现效果:
总结
第一章课程就到这里结束了,总结一下,知道三个关键对象(Scene、Camera和Renderer),清楚相机的作用。
公告
演示地址,请点击下方“了解更多”!
更多资源敬请关注!