Merge pull request #180 from Benjythebee/add/hdr

Looks great!
M3-org · Oct 30, 2024 · 88b5b2b · 88b5b2b
2 parents 44673e0 + aa7b2fc
commit 88b5b2b
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 2 deletions.
diff --git a/public/hdr/studio_small_09_2k.hdr b/public/hdr/studio_small_09_2k.hdr
diff --git a/src/library/sceneInitializer.js b/src/library/sceneInitializer.js
@@ -2,12 +2,24 @@ import * as THREE from "three";
 import { OrbitControls } from "three/examples/jsm/controls/OrbitControls";
 import { CharacterManager } from "./characterManager";
 
+import { RGBELoader } from 'three/examples/jsm/loaders/RGBELoader';
+
 export function sceneInitializer(canvasId) {
     const scene = new THREE.Scene()
-    const ambientLight = new THREE.AmbientLight(0xffffff, 2);
+
+
+    new RGBELoader().load("./hdr/studio_small_09_2k.hdr", (hdr_) => {
+        hdr_.mapping = THREE.EquirectangularReflectionMapping;
+        hdr_.colorSpace = THREE.LinearSRGBColorSpace
+        scene.environment = hdr_;
+    })
+    scene.environmentIntensity = 0.5
+
+    const ambientLight = new THREE.AmbientLight(0xffffff, 0.8);
     scene.add(ambientLight);
 
-    const directionalLight = new THREE.DirectionalLight(0xffffff, 2);
+    const directionalLight = new THREE.DirectionalLight(0xffffff, 0.8);
+
     // rotate the directional light to be a key light
     directionalLight.position.set(0, 1, 1);
     scene.add(directionalLight);