adrien/daedalus
adrien/daedalus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

better shadow

Browse Source
This commit is contained in:
Adrien MALINGREY 2023-06-27 20:02:09 +02:00
parent 4afc42ec2f
commit 596a227eaf
1 changed files with 10 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
main.js
View File

@ -64,7 +64,7 @@ renderer.setSize(window.innerWidth, window.innerHeight);
renderer.toneMapping = THREE.ACESFilmicToneMapping; renderer.toneMapping = THREE.ACESFilmicToneMapping;
//renderer.toneMappingExposure = 0.5; //renderer.toneMappingExposure = 0.5;
renderer.shadowMap.enabled = true; renderer.shadowMap.enabled = true;
renderer.shadowMap.type = THREE.PCFShadowMap; renderer.shadowMap.type = THREE.PCFSoftShadowMap;
renderer.physicallyCorrectLights = true; renderer.physicallyCorrectLights = true;
container.appendChild(renderer.domElement); container.appendChild(renderer.domElement);
@ -259,20 +259,21 @@ skyUniforms['mieDirectionalG'].value = 0.8;
// Lights // Lights
const ambientLight = new THREE.AmbientLight(0x222222, 9); const ambientLight = new THREE.AmbientLight(0x404040, 9);
scene.add(ambientLight); scene.add(ambientLight);
const sunLight = new THREE.DirectionalLight(0xfffae8, 1.5); const sunLight = new THREE.DirectionalLight(0xfffae8, 1);
sunLight.castShadow = true; sunLight.castShadow = true;
sunLight.shadow.camera.near = 50; sunLight.shadow.camera.near = 0.1;
sunLight.shadow.camera.far = 300; sunLight.shadow.camera.far = 1.4 * mazeWidth;
sunLight.shadow.camera.left = -1.4 * mazeWidth/2; sunLight.shadow.camera.left = -1.4 * mazeWidth/2;
sunLight.shadow.camera.right = 1.4 * mazeWidth/2; sunLight.shadow.camera.right = 1.4 * mazeWidth/2;
sunLight.shadow.camera.bottom = -1.4 * mazeWidth/2; sunLight.shadow.camera.bottom = -1.4 * mazeWidth/2;
sunLight.shadow.camera.top = 1.4 * mazeWidth/2; sunLight.shadow.camera.top = 1.4 * mazeWidth/2;
sunLight.shadow.mapSize.width = 8192; sunLight.shadow.mapSize.width = 1024;
sunLight.shadow.mapSize.height = 8192; sunLight.shadow.mapSize.height = 1024;
sunLight.shadow.radius = 4; //sunLight.shadow.radius = 0.01;
sunLight.shadow.bias = 0.0001;
sunLight.target = maze sunLight.target = maze
scene.add(sunLight); scene.add(sunLight);
@ -283,7 +284,7 @@ function updateSun() {
const phi = THREE.MathUtils.degToRad(90 - parameters.elevation); const phi = THREE.MathUtils.degToRad(90 - parameters.elevation);
const theta = THREE.MathUtils.degToRad(parameters.azimuth); const theta = THREE.MathUtils.degToRad(parameters.azimuth);
sun.setFromSphericalCoords(100, phi, theta); sun.setFromSphericalCoords(1.4 * mazeWidth/2, phi, theta);
sky.material.uniforms['sunPosition'].value.copy(sun); sky.material.uniforms['sunPosition'].value.copy(sun);
ocean.material.uniforms['sunDirection'].value.copy(sun).normalize(); ocean.material.uniforms['sunDirection'].value.copy(sun).normalize();