Skip to main content

Object3D

CubeCamera

Creates 6 cameras that render to a WebGLCubeRenderTarget.

Code Example

// 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 );

Examples

[example:webgl_materials_cubemap_dynamic materials / cubemap / dynamic ]

Constructor

CubeCamera

function CubeCamera( near: Number, far: Number, renderTarget:
WebGLCubeRenderTarget ): void;

near -- The near clipping distance.
far -- The far clipping distance.
renderTarget -- The destination cube render target.

Constructs a CubeCamera that contains 6 PerspectiveCameras that render to a WebGLCubeRenderTarget.

Properties

See the base Object3D class for common properties.

renderTarget

renderTarget: WebGLCubeRenderTarget;  

The destination cube render target.

Methods

See the base Object3D class for common methods.

update

function update( renderer: WebGLRenderer, scene: Scene ): undefined;  

renderer -- The current WebGL renderer
scene -- The current scene

Call this to update the renderTarget.

Source

src/cameras/CubeCamera.js