feat: stream vegetation chunks near player

src/world/Environment.tsx

@@ -6,6 +6,7 @@ import {
   GAME_SCENE_SKY_MODEL_SCALE,
   PHYSICS_SCENE_BACKGROUND_COLOR,
 } from "@/data/world/environmentConfig";
+import { FOG_CONFIG } from "@/data/world/fogConfig";
 import { useSceneMode } from "@/hooks/debug/useSceneMode";
 import {
   isMapModelVisible,
@@ -25,15 +26,28 @@ export function Environment(): React.JSX.Element {
     );
   }
 
-  return showSky ? (
-    <SkyModel
-      fallbackColor={GAME_SCENE_FALLBACK_BACKGROUND_COLOR}
-      fallbackModelPath={GAME_SCENE_FALLBACK_SKY_MODEL_PATH}
-      fallbackScale={GAME_SCENE_FALLBACK_SKY_MODEL_SCALE}
-      modelPath={GAME_SCENE_SKY_MODEL_PATH}
-      scale={GAME_SCENE_SKY_MODEL_SCALE}
-    />
-  ) : (
-    <color attach="background" args={[GAME_SCENE_FALLBACK_BACKGROUND_COLOR]} />
+  return (
+    <>
+      {FOG_CONFIG.enabled ? (
+        <fog
+          attach="fog"
+          args={[FOG_CONFIG.color, FOG_CONFIG.near, FOG_CONFIG.far]}
+        />
+      ) : null}
+      {showSky ? (
+        <SkyModel
+          fallbackColor={GAME_SCENE_FALLBACK_BACKGROUND_COLOR}
+          fallbackModelPath={GAME_SCENE_FALLBACK_SKY_MODEL_PATH}
+          fallbackScale={GAME_SCENE_FALLBACK_SKY_MODEL_SCALE}
+          modelPath={GAME_SCENE_SKY_MODEL_PATH}
+          scale={GAME_SCENE_SKY_MODEL_SCALE}
+        />
+      ) : (
+        <color
+          attach="background"
+          args={[GAME_SCENE_FALLBACK_BACKGROUND_COLOR]}
+        />
+      )}
+    </>
   );
 }