three.js CubeCamera

2023-02-16 17:29 更新

创建6个渲染到WebGLCubeRenderTarget的摄像机。

代码示例

// Create cube render target
const cubeRenderTarget = new THREE.WebGLCubeRenderTarget( 128, { generateMipmaps: true, minFilter: THREE.LinearMipmapLinearFilter } );

// Create cube camera
const cubeCamera = new THREE.CubeCamera( 1, 100000, cubeRenderTarget );
scene.add( cubeCamera );

// Create car
const chromeMaterial = new THREE.MeshLambertMaterial( { color: 0xffffff, envMap: cubeRenderTarget.texture } );
const car = new THREE.Mesh( carGeometry, chromeMaterial );
scene.add( car );

// Update the render target cube
car.visible = false;
cubeCamera.position.copy( car.position );
cubeCamera.update( renderer, scene );

// Render the scene
car.visible = true;
renderer.render( scene, camera );

例子

materials / cubemap / dynamic

构造器

CubeCamera( near : Number, far : Number, renderTarget : WebGLCubeRenderTarget )

near -- 近剪切面的距离far -- 远剪切面的距离renderTarget -- The destination cube render target.

构造一个包含6个PerspectiveCameras(透视摄像机)的立方摄像机, 并将其拍摄的场景渲染到一个WebGLCubeRenderTarget上。

属性

共有属性请参见其基类Object3D。

.renderTarget : WebGLCubeRenderTarget

目标立方体渲染目标。

方法

共有方法请参见其基类Object3D。

.update ( renderer : WebGLRenderer, scene : Scene ) : undefined

renderer -- 当前的WebGL渲染器scene -- 当前的场景

这个方法用来更新renderTarget(渲染目标对象)。

源代码

src/cameras/CubeCamera.js


以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号