fix: a pb with octree

src/hooks/three/useOctreeGraphNode.ts

@@ -8,6 +8,7 @@ export function useOctreeGraphNode(
   graphNodeRef: RefObject<Object3D | null>,
   onOctreeReady: OctreeReadyHandler,
   rebuildKey: string | number = 0,
+  enabled = true,
 ): void {
   const octreeBuilt = useRef(false);
 
@@ -16,6 +17,8 @@ export function useOctreeGraphNode(
   }, [rebuildKey]);
 
   useEffect(() => {
+    if (!enabled) return;
+
     const graphNode = graphNodeRef.current;
     if (octreeBuilt.current || !graphNode) return;
     octreeBuilt.current = true;
@@ -25,5 +28,5 @@ export function useOctreeGraphNode(
     const octree = new Octree();
     octree.fromGraphNode(graphNode);
     onOctreeReady(octree);
-  }, [graphNodeRef, onOctreeReady, rebuildKey]);
+  }, [enabled, graphNodeRef, onOctreeReady, rebuildKey]);
 }

src/world/GameMap.tsx

@@ -62,13 +62,17 @@ class ModelErrorBoundary extends Component<
 
 interface GameMapProps {
   onOctreeReady: OctreeReadyHandler;
+  buildOctree?: boolean;
 }
 
-export function GameMap({ onOctreeReady }: GameMapProps): React.JSX.Element {
+export function GameMap({
+  onOctreeReady,
+  buildOctree = true,
+}: GameMapProps): React.JSX.Element {
   const [mapNodes, setMapNodes] = useState<LoadedMapNode[]>([]);
   const groupRef = useRef<THREE.Group>(null);
 
-  useOctreeGraphNode(groupRef, onOctreeReady, mapNodes.length);
+  useOctreeGraphNode(groupRef, onOctreeReady, mapNodes.length, buildOctree);
 
   useEffect(() => {
     const loadMap = async () => {

src/world/World.tsx

@@ -19,10 +19,21 @@ import { GameStageContent } from "@/world/GameStageContent";
 import { Player } from "@/world/player/Player";
 import { TestMap } from "@/world/debug/TestMap";
 
+function hasBootFlag(name: string): boolean {
+  if (typeof window === "undefined") return false;
+  return new URLSearchParams(window.location.search).has(name);
+}
+
 export function World(): React.JSX.Element {
   const cameraMode = useCameraMode();
   const sceneMode = useSceneMode();
   const [octree, setOctree] = useState<Octree | null>(null);
+  const noCinematics = hasBootFlag("noCinematics");
+  const noDialogues = hasBootFlag("noDialogues");
+  const noMap = hasBootFlag("noMap");
+  const noMusic = hasBootFlag("noMusic");
+  const noOctree = hasBootFlag("noOctree");
+  const noPlayer = hasBootFlag("noPlayer");
   const playerSpawnPosition =
     sceneMode === "game"
       ? PLAYER_SPAWN_POSITION_GAME
@@ -43,17 +54,19 @@ export function World(): React.JSX.Element {
 
       {sceneMode === "game" ? (
         <>
-          <GameMusic />
-          <GameCinematics />
-          <GameDialogues />
-          <GameMap onOctreeReady={setOctree} />
+          {noMusic ? null : <GameMusic />}
+          {noCinematics ? null : <GameCinematics />}
+          {noDialogues ? null : <GameDialogues />}
+          {noMap ? null : (
+            <GameMap onOctreeReady={setOctree} buildOctree={!noOctree} />
+          )}
           <GameStageContent />
         </>
       ) : (
         <TestMap onOctreeReady={setOctree} />
       )}
 
-      {cameraMode !== "debug" ? (
+      {cameraMode !== "debug" && !noPlayer ? (
         <Player octree={octree} spawnPosition={playerSpawnPosition} />
       ) : null}
     </>