Hiding multiple object just hiding single object

Questions
1

I was running into a problem when I was setting my light objects name light.name = 'globalLight' and im making variable that is lightGlobal = scene.getObjectByName('globalLight'); but when i tried to hide using lightGlobal.visible = false; it was just let the other light wasn’t hide the green one Is light0 and the blue one is light1 render example

rendered-image
rendered-image1366×768 76.2 KB

The problem screenshot

Screenshot_20200906-004550
Screenshot_20200906-004550720×1280 99.5 KB

As you can see the blue light is gone but the green one won’t hide

My code :

ambient = new THREE.AmbientLight( 0x404040 );
scene.add( ambient );
lightCam = new THREE.DirectionalLight( 0xffffff, 1.0 );
light0 = new THREE.PointLight( 0x0000ff, 1.0 );
light0.position.set( 4.0, 4.0, 4.0 );
light0.castShadow = true;
light0.name = "globalLight";
light1 = new THREE.PointLight( 0x00ff00, 1.0 );
light1.position.set( 4.0, 4.0, -4.0 );
light1.castShadow = true;
light1.name = "globalLight";

scene.add( light0, light1 );

globalLight = scene.getObjectByName( "globalLight", true );
globalLight.visible = false;
2

use groups.

const lightGroup = new THREE.Group();

const light0 = new THREE.PointLight( 0x0000ff, 1.0 );
light0.position.set( 4.0, 4.0, 4.0 );
light0.castShadow = true;
lightGroup.add(light0);

const light1 = new THREE.PointLight( 0x00ff00, 1.0 );
light1.position.set( 4.0, 4.0, -4.0 );
light1.castShadow = true;
lightGroup.add(light1);

scene.add(lightGroup);

lightGroup.visible = false; //turns off the lights
2 Likes
3

I’ve provided an alternative answer at your stackoverflow post: