test2

Author: LPEdwin

src/main.ts

@@ -22,9 +22,9 @@ const renderer = new THREE.WebGLRenderer({ canvas, antialias: false });
 renderer.setPixelRatio(window.devicePixelRatio);
 renderer.setSize(window.innerWidth, window.innerHeight);
 renderer.outputColorSpace = THREE.SRGBColorSpace;
-renderer.shadowMap.enabled = true;
-renderer.shadowMap.type = THREE.PCFSoftShadowMap;
-renderer.shadowMap.enabled = true;
+//renderer.shadowMap.enabled = true;
+//renderer.shadowMap.type = THREE.PCFSoftShadowMap;
+//renderer.shadowMap.enabled = true;
 
 // Scene + Background
 const scene = new THREE.Scene();
@@ -82,23 +82,23 @@ const tiles: THREE.Mesh[] = [];
 
 const evenColor = new THREE.Color(0.082, 0.509, 0.690).convertSRGBToLinear();
 const oddColor = new THREE.Color(0.286, 0.851, 0.882).convertSRGBToLinear();;
-
+const mat = new THREE.MeshStandardMaterial(
+    {
+        metalness: 0.1,
+        roughness: 0.35
+    }
+);
 // === Scene setup ===
 async function init() {
     const tile_mesh = (await loadGLB("/models/box.glb")).children[0]!;
 
     for (let x = 0; x < boardSize; x++) {
         for (let z = 0; z < boardSize; z++) {
-            const mat = new THREE.MeshStandardMaterial(
-                {
-                    metalness: 0.1,
-                    roughness: 0.35
-                }
-            );
+
             const tile = tile_mesh.clone() as THREE.Mesh;
             tile.scale.multiplyScalar(0.98);
-            tile.castShadow = false;
-            tile.receiveShadow = true;
+            //tile.castShadow = false;
+            //tile.receiveShadow = true;
             tile.position.set(
                 (x - boardSize / 2 + 0.5) * tileSize,
                 0,
@@ -113,14 +113,14 @@ async function init() {
         }
     }
 
-    // Shadow receiver
-    const shadowPlane = new THREE.Mesh(
-        new THREE.PlaneGeometry(boardSize * tileSize, boardSize * tileSize),
-        new THREE.ShadowMaterial({ opacity: 0.25 })
-    );
-    shadowPlane.rotation.x = -Math.PI / 2;
-    shadowPlane.receiveShadow = true;
-    scene.add(shadowPlane);
+    // // Shadow receiver
+    // const shadowPlane = new THREE.Mesh(
+    //     new THREE.PlaneGeometry(boardSize * tileSize, boardSize * tileSize),
+    //     new THREE.ShadowMaterial({ opacity: 0.25 })
+    // );
+    // shadowPlane.rotation.x = -Math.PI / 2;
+    // shadowPlane.receiveShadow = true;
+    // scene.add(shadowPlane);
 
     // === Effect ===
     let composer: EffectComposer | undefined;