diff --git a/RIFI/script.js b/RIFI/script.js index 319584e3236f751da84a0054c74ddf91c75de258..71aa0d94c6a41c4231dc91e5455611cd1b90e2ff 100644 --- a/RIFI/script.js +++ b/RIFI/script.js @@ -12,7 +12,7 @@ var clock = new THREE.Clock(); var skull; var candle, candleHolder, flame; var backgroundMesh; - +var environmentMap; var params = { @@ -53,11 +53,23 @@ function fillScene() { mainLight.shadow.bias = -0.0005; scene.add(mainLight); + const cubeTextureLoader = new THREE.CubeTextureLoader(); - var ambientLight = new THREE.AmbientLight(0x222222, params.ambientLightIntensity); scene.add(ambientLight); + const environmentMap = cubeTextureLoader.load([ + 'textures/envmap/px.png', + 'textures/envmap/nx.png', + 'textures/envmap/py.png', + 'textures/envmap/ny.png', + 'textures/envmap/pz.png', + 'textures/envmap/nz.png' + +]); +scene.environment = environmentMap; + + createTable(); loadSkull(); createEnhancedCandle(); @@ -313,8 +325,9 @@ function createEnhancedCandle() { const holderMaterial = new THREE.MeshStandardMaterial({ color: 0xFFF8F0, - specular: 0xFFF8F0, - roughness: 0.2, + specular: 0xFFF8F0, + roughness: 0.2, + envMap: environmentMap, metalness: 0.5, envMapIntensity: 1 }); @@ -322,7 +335,8 @@ function createEnhancedCandle() { const holderDarkMaterial = new THREE.MeshStandardMaterial({ color: 0xFFD700, - roughness: 0.25, + roughness: 0.25, + envMap: environmentMap, metalness: 0.8, envMapIntensity: 1 });