Search code examples
javascript3dthree.jsshadow

How to make ShadowCamera visible in three.js r73?

Light.shadowCameraVisible = true;

gives a warning 

THREE.Light: .shadowCameraVisible has been removed. Use new THREE.CameraHelper( light.shadow ) instead.

on adding 

Scene.add(new THREE.CameraHelper(Light.shadow ));

gives an error

Uncaught TypeError: this.camera.updateProjectionMatrix is not a function (three.js :35002)
Solution

  • The CameraHelper constructor takes a Camera object:

    var light = new THREE.SpotLight( 0xFFAA55 );
light.castShadow = true;

var helper = new THREE.CameraHelper( light.shadow.camera );
scene.add( helper );

    Three.js r107

    Example: http://jsfiddle.net/kvnc1g4y/