Search⌘ K
AI Features

Debugging What a Camera Looks At

Explore how to debug camera views in Three.js by visualizing the camera's frustum with CameraHelper. Learn to add helper cameras and switch between different cameras to configure and verify the scene's rendered area accurately.

Add camera helper

When looking at configuring the camera, having a menu where we can play around with the different settings can help a lot. Sometimes, though, we might want to see exactly the area that will be rendered by the camera. Three.js allows us to do this by visualizing the frustum of the camera (the area that is shown by the camera). To do this, we simply add an ...