test

Author: LPEdwin

src/main.ts

@@ -33,9 +33,9 @@ renderer.shadowMap.type = THREE.PCFSoftShadowMap;
 // Scene + Background
 const scene = new THREE.Scene();
 
-const backgroundMap = await new THREE.TextureLoader().loadAsync('/hdri/rich_multi_nebulae_2k.png');
-backgroundMap.colorSpace = THREE.SRGBColorSpace;
-scene.background = (await buildPrefilteredRadianceMap(backgroundMap, renderer)).texture;
+// const backgroundMap = await new THREE.TextureLoader().loadAsync('/hdri/rich_multi_nebulae_2k.png');
+// backgroundMap.colorSpace = THREE.SRGBColorSpace;
+// scene.background = (await buildPrefilteredRadianceMap(backgroundMap, renderer)).texture;
 
 // Camera + controls
 const camera = new THREE.PerspectiveCamera(
@@ -56,8 +56,8 @@ controls.mouseButtons = {
 };
 
 // Lights
-const radianceMap = await new HDRLoader().loadAsync('/hdri/kloppenheim_02_puresky_1k.hdr');
-scene.environment = (await buildPrefilteredRadianceMap(radianceMap, renderer)).texture;
+// const radianceMap = await new HDRLoader().loadAsync('/hdri/kloppenheim_02_puresky_1k.hdr');
+// scene.environment = (await buildPrefilteredRadianceMap(radianceMap, renderer)).texture;
 
 const dirLight = new THREE.DirectionalLight(0xffffff, 0.8);
 dirLight.position.set(-5, 10, -5);
@@ -228,6 +228,8 @@ async function init() {
     stats.dom.style.zIndex = '9999';
     stats.dom.style.transformOrigin = 'top left';
     stats.dom.style.transform = isMobile() ? 'scale(1.6)' : 'scale(1)';
+    stats.dom.style.width = '200px'
+    stats.dom.style.height = '200px'
     document.body.appendChild(stats.dom);
 
     function Update() {
@@ -260,6 +262,8 @@ async function init() {
 
     window.addEventListener("resize", () => {
         stats.dom.style.transform = isMobile() ? 'scale(1.6)' : 'scale(1)';
+        stats.dom.style.width = '200px'
+        stats.dom.style.height = '200px'
         camera.aspect = window.innerWidth / window.innerHeight;
         camera.updateProjectionMatrix();
         renderer.setSize(window.innerWidth, window.innerHeight);