相机

xiaoxiao2021-02-28  90

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)

渲染器的两个参数分别是 场景和相机。

但是我们还没有添加对象。

转载请注明原文地址: https://www.6miu.com/read-94854.html

最新回复(0)