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

Code Example

const camera = new v3d.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000); const helper = new v3d.CameraHelper(camera); scene.add(helper);


WebGL / camera
WebGL / extrude / splines


CameraHelper(camera : Camera)

camera — The camera to visualize.

This create a new CameraHelper for the specified camera.


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.


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.


For more info on how to obtain the source code of this module see this page.