object move blocks

debug floaters
2026-06-12 21:11:35 +03:00
parent 20a4edad5a
commit 209ff3f710
31 changed files with 527 additions and 53 deletions
@@ -0,0 +1,67 @@
+import { Html } from "@react-three/drei";
+import { useFrame } from "@react-three/fiber";
+import { useRef } from "react";
+import * as THREE from "three";
+import type { RuntimeObjectInstance } from "../types";
+import { debugLabelsStore } from "../state/debugLabelsStore";
+import { state } from "../state";
+import { observer } from "mobx-react-lite";
+
+export const DebugLabel = observer(function ({ obj }: { obj: RuntimeObjectInstance; }) {
+    const groupRef = useRef<THREE.Group>(null);
+
+    const rb = obj.rb();
+    const texts = [
+        `${state.world.getObjectTypeById(obj.typeId)?.name} ${obj.id}`,
+        `position: ${obj.position}`,
+        `rotation: ${obj.rotation}`,
+        ...Object.entries(debugLabelsStore.getAll(obj.id))
+            .map(([k, v]) => `${k}: ${v}`),
+    ];
+
+    if (rb) {
+        try {
+            const t = rb.translation();
+            texts.push(...[
+                `rb position: ${[t.x, t.y, t.z]}`,
+            ]);
+        } catch {
+            texts.push('rb: stale handle');
+        }
+    }
+
+    useFrame(() => {
+        if (!groupRef.current)
+            return;
+
+        const [px, py, pz] = obj.position;
+        // const bb = obj.cache.boundingBox;
+        // const halfHeight = bb ? (bb.max[1] - bb.min[1]) / 2 : 1;
+        // groupRef.current.position.set(px, py + halfHeight + 0.5, pz);
+        groupRef.current.position.set(px, py, pz);
+    });
+
+    const text = texts.join('\n');
+    if (!text)
+        return null;
+
+    return (
+        <group ref={groupRef}>
+            <Html center sprite>
+                <div style={{
+                    background: 'rgba(0,0,0,0.65)',
+                    color: '#fff',
+                    padding: '2px 7px',
+                    borderRadius: 4,
+                    fontSize: 12,
+                    fontFamily: 'monospace',
+                    whiteSpace: 'pre',
+                    pointerEvents: 'none',
+                    userSelect: 'none',
+                }}>
+                    {text}
+                </div>
+            </Html>
+        </group>
+    );
+});