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
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
Why is this happening? Can water be affected by lights?