src/data/world/lightingConfig.ts

@@ -1,14 +1,14 @@
-export const AMBIENT_LIGHT_COLOR = "#dbeafe";
-export const SUN_LIGHT_COLOR = "#fff7ed";
+export const AMBIENT_LIGHT_COLOR = "#dfe7d8";
+export const SUN_LIGHT_COLOR = "#ffe2bf";
 
 export const LIGHTING_DEFAULTS = {
   ambientColor: AMBIENT_LIGHT_COLOR,
-  ambientIntensity: 1.8,
+  ambientIntensity: 0.9,
   sunColor: SUN_LIGHT_COLOR,
-  sunIntensity: 2.8,
-  sunX: 60,
-  sunY: 80,
-  sunZ: 30,
+  sunIntensity: 2.2,
+  sunX: 70,
+  sunY: 45,
+  sunZ: 35,
 };
 
 export const AMBIENT_INTENSITY_MIN = 0;

src/world/WorldPlane.tsx

@@ -11,10 +11,11 @@ export function WorldPlane(): React.JSX.Element | null {
     <mesh
       name="world-plane"
       position={[center[0], planeY, center[2]]}
+      receiveShadow
       rotation={[-Math.PI / 2, 0, 0]}
     >
       <planeGeometry args={size} />
-      <meshBasicMaterial color={planeColor} />
+      <meshStandardMaterial color={planeColor} roughness={1} />
     </mesh>
   );
 }