场景| 相机 | 渲染器

186 阅读1分钟

场景-所有模型所构成的一个模型世界

THREE.Scene被称为是场景图,我所理解的场景就是存放所有模型的一个世界。就像现实世界一样,有太阳、有人、有物等。

常用API 场景API.png

相机-设置拍摄的方向和角度以及距离

相机有两种类型:正交投影摄像机(THREE.OrthographicCamera)透视摄像机(THREE.PerspectiveCamera) ,两者的区别是正交投影更加趋向在数学上构图,透视摄像机更趋于现实世界中的构图,会有近大远小的效果。

**主要作用:**相机主要是用来对场景世界中的模型进行拍摄,通过改变相机的位置可以查看模型不同位置的样子,通过改变相机和被观察对象的坐标来改变相机观察模型的方向和角度

基本使用:

var camera = new THREE.PerspectiveCamera(45, window.innerWidth / window.innerHeight, 0.1, 1000);
camera.position.x = -50;
camera.position.y = 30;
camera.position.z = 20;
camera.lookAt(new THREE.Vector3(-10, 0, 0)); // 相机看向的位置坐标,可以放置某个模型的.position属性

渲染器-对生成的场景进行拍摄

作用: 主要是将场景和相机进行结合,然后生成合适的视角对应的样式。