CameraHelper in ThreeJs

This helps with visualizing what a camera contains in its frustum. It visualizes the frustum of a camera using a LineSegments.

CameraHelper must be a child of the scene.

Code Example

const camera = new THREE.PerspectiveCamera( 75, window.innerWidth / window.innerHeight, 0.1, 1000 );

const helper = new THREE.CameraHelper( camera );

scene.add( helper );

Constructor

CameraHelper( camera : Camera )

camera — The camera to visualize.

This create a new CameraHelper for the specified camera.

Properties

See the base LineSegments class for common properties.

.camera : Camera

The camera being visualized.

.pointMap : Object

This contains the points used to visualize the camera.

.matrix : Object

Reference to the camera.matrixWorld.

.matrixAutoUpdate : Object

See Object3D.matrixAutoUpdate. Set to false here as the helper is using the camera’s matrixWorld.

Methods

See the base LineSegments class for common methods.

.dispose () : undefined

Frees the GPU-related resources allocated by this instance. Call this method whenever this instance is no longer used in your app.

.setColors ( frustum : Color, cone : Color, up : Color, target : Color, cross : Color ) : this

Defines the colors of the helper.

.update () : undefined

Updates the helper based on the projectionMatrix of the camera.

Source

src/helpers/CameraHelper.js

Leave a comment

Your email address will not be published. Required fields are marked *