相机

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)

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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值