Remove your previous light setup and try it with this:
var hemiLight = new THREE.HemisphereLight( 0xffffff, 0x444444 );
hemiLight.position.set( 0, 300, 0 );
scene.add( hemiLight );
var dirLight = new THREE.DirectionalLight( 0xffffff );
dirLight.position.set( 75, 300, -75 );
scene.add( dirLight );
You should only set WebGLRenderer.physicallyCorrectLights
to true
if you also apply correct units to the lights. For now, don’t set it and see if the above code improves your lighting.