A pontfény helyét egy általunk megadott sugarú gömb jelképezi.

let pLight = new THREE.PointLight( 0xffffff, 100 );
pLight.position.set( 6, 6, 5 );
scene.add( pLight );

let sphereSize = 0.2;
let pointLightHelper = new THREE.PointLightHelper( pLight, sphereSize );
scene.add( pointLightHelper );

A megvilágítási kúpot fogja modellezni. Csak a fény objektumot várja paraméterként. A reflektor a cubeMesh objektumra fog irányulni.

geometry = new THREE.BoxGeometry( 4, 4, 4 );
material = new THREE.MeshPhongMaterial( { color: 0xffffff, wireframe: false } );
cubeMesh = new THREE.Mesh( geometry, material );
scene.add( cubeMesh );

let sLight = new THREE.SpotLight( 0xffffff, 100 );
sLight.position.set( 6, 6, 5 );
sLight.angle = Math.PI / 3;
sLight.target = cubeMesh;
sLight.penumbra = 0.8;
sLight.distance = 50.0;
scene.add( sLight );

let spotLightHelper = new THREE.SpotLightHelper( sLight );
scene.add( spotLightHelper );

A pozíció és a célpont között egyenest rajzol. Egy négyzettel reprezentálja azt a síkot, amelyről a párhuzamos fénysugarak indulnak. Ennek a méretét adhatjuk meg második paraméterként. A célpont itt is az előző példában szereplő cubeMesh.

let dLight = new THREE.DirectionalLight( 0xffffff, 1 );
dLight.position.set( 6, 6, 5 );
dLight.target = cubeMesh;
scene.add( dLight );

let planeSize = 1.0;
var directionLightHelper = new THREE.DirectionalLightHelper( dLight, planeSize );
scene.add( directionLightHelper );

A fényforrás helyét egy gömb reprezentálja, ugyanúgy, mint a PointLightHelper-nél.

let hLight = new THREE.HemisphereLight( 0x00ffff, 0x00ff00, 80 );
hLight.position.set( 0, 6, 0 );
hLight.target = cubeMesh;
scene.add( hLight );

let sphereSize = 1.0;
let hemisphereLightHelper = new THREE.HemisphereLightHelper( hLight, sphereSize );
scene.add( hemisphereLightHelper );