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.


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.


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.