object move blocks

debug floaters

webclient/src/components/SceneView.tsx

@@ -1,7 +1,8 @@
 import { observer } from "mobx-react-lite";
-import type { RuntimeScene } from "../types";
+import type { RuntimeGameObjectInstance, RuntimeScene } from "../types";
 import { GameObjectView } from "./GameObjectView";
 import { ObjectEditorView } from "./ObjectEditorView";
+import { DebugLabelsView } from "./DebugLabelsView";
 
 type SceneViewProps = {
     scene: RuntimeScene,
@@ -14,10 +15,11 @@ export const SceneView = observer(function (props: SceneViewProps) {
         <directionalLight position={[5, 5, 5]} intensity={1} />
         {
             Object.values(props.scene.objects).map((obj) => (
-                props.editMode
-                    ? <ObjectEditorView key={obj.id} object={obj} isPlayer={props.scene.playerObjectId === obj.id} />
-                    : <GameObjectView key={obj.id} object={obj} isPlayer={props.scene.playerObjectId === obj.id} />
+                !props.editMode
+                    ? <GameObjectView key={obj.id} object={obj as RuntimeGameObjectInstance} isPlayer={props.scene.playerObjectId === obj.id} />
+                    : <ObjectEditorView key={obj.id} object={obj} isPlayer={props.scene.playerObjectId === obj.id} />
             ))
         }
+        <DebugLabelsView scene={props.scene} />
     </>);
 });