WHY相机
threejs在呈现给我们一个可见的视图之前,需要建立一个场景,然后在场景中添加object,这个时候依然不能呈现给我们所想看到的。
相机的作用就是,从一个视角,对当前的环境取景。然后在通过渲染器渲染到canvas中,便是我们在网页上所看到的。
var camera=newTHREE.PerspectiveCamera(45,4/3,1,1000);camera.position.set(0,0,5);scene.add(camera);
相机的参数分别是 角度,相机宽高比,以及最小焦距最大焦距
camera.position.set(200,200,200);
设置相机的位置后面为WEBGL的三维坐标
camera.lookAt(scene.position);
将相机指向场景的中心
当然就我们也可以采取与初始化scene一样的方式来初始话 相机
var camera;
function initcamera(){
camera=newTHREE.PerspectiveCamera(45,4/3,1,1000);camera.position.set(0,0,5);scene.add(camera);
camera.position.set(200,200,200);
camera.lookAt(scene.position);
}
initcamera()
有了场景和相机了我们就可以开始渲染了
拿到我们的渲染器
renderer.render(scene,camera)
渲染器的两个参数分别是 场景和相机。
但是我们还没有添加对象。