threejs文档翻译 OrthographicCamera 正投影摄像机

本文介绍了Three.js中正投影相机的基本概念及其使用方法。通过构造函数OrthographicCamera(left,right,top,bottom,near,far)创建正投影相机,并解释了每个参数的意义。文章还提到了关键属性及方法,如.updateProjectionMatrix()等。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

正投影相机。

例子:

var camera = new THREE.OrthographicCamera( width / - 2, width / 2, height / 2, height / - 2, 1, 1000 );
scene.add( camera );

结构:

OrthographicCamera( left, right, top, bottom, near, far )
left —该属性是可视范围的左平面。你可以将它当做是可渲染部分的左侧边界。
right —跟left属性一样,不过这次是边界的另外一侧。比这个右侧边界更远的对象不会被渲染
top (上边界)—可被渲染空间的最上面
bottom (下边界)— 可被渲染空间的最下面
near (近面)—基于相机所在的位置,从这一点开始渲染场景
far (远面)— 基于相机所在的位置,一直渲染到场景中的这一点

属性:

.left(左边界)

在Three.js文档里该属性是可视范围的左平面。你可以将它当做是可渲染部分的左侧边界。如果我们把这个值设为-100,那么你就不会看到任何比这个左侧边更远的对象

.right(右边界)

跟left属性一样,不过这次是边界的另外一侧。比这个右侧边界更远的对象不会被渲染

.top(上边界)

可被渲染空间的最上面

.bottom(下边界)

可被渲染空间的最下面

.near(近面)

基于相机所在的位置,从这一点开始渲染场景

.far (远面)

基于相机所在的位置,一直渲染到场景中的这一点

方法:

.updateProjectionMatrix( )

更新摄像机投影矩阵。参数更改后必须调用。

源码:

https://github.com/mrdoob/three.js/blob/master/src/cameras/OrthographicCamera.js

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值