Lights doesn't affect water

Questions
,
1

I can’t seem to get any lights working to highlight the water or even a simple BoxBufferGeometry with a MeshPhongMaterial.

I followed the exact example from threejs.org to make my ocean scene and just added basic lights and BoxBufferGeometry

https://threejs.org/examples/webgl_shaders_ocean.html

const spotLight = new THREE.SpotLight( 0xffffff, 1 );
 spotLight.position.set( 15, 40, 35 );
 spotLight.angle = Math.PI / 4;
 spotLight.penumbra = 0.1;
 spotLight.decay = 2;
 spotLight.distance = 2000;

 spotLight.castShadow = true;
 spotLight.shadow.mapSize.width = 512;
 spotLight.shadow.mapSize.height = 512;
 spotLight.shadow.camera.near = 10;
 spotLight.shadow.camera.far = 200;
 spotLight.shadow.focus = 1;
 scene.add( spotLight );

 const lightHelper = new THREE.SpotLightHelper( spotLight );
 scene.add( lightHelper );

 const shadowCameraHelper = new THREE.CameraHelper( spotLight.shadow.camera );
 scene.add( shadowCameraHelper );

Which results in this

GwXDC4qzxt
GwXDC4qzxt1443×959 194 KB

Why is this happening? Can water be affected by lights?

2

No, the water shaders do not react on instances of THREE.Light in your scene.