registry / systems / renderer

packages/viewer/src/components/renderers/wall/wall-renderer.tsx

@@ -0,0 +1,22 @@
+import { useRegistry, WallNode } from "@pascal-app/core";
+import { useRef } from "react";
+import { Mesh } from "three";
+import { NodeRenderer } from "../node-renderer";
+
+export const WallRenderer = ({ node }: { node: WallNode }) => {
+  const ref = useRef<Mesh>(null!);
+
+  useRegistry(node.id, "wall", ref);
+
+  return (
+    <mesh ref={ref} castShadow receiveShadow>
+      {/* WallSystem will replace this geometry in the next frame */}
+      <boxGeometry args={[0, 0, 0]} />
+      <meshStandardMaterial color="lightgray" />
+
+      {node.children.map((childId) => (
+        <NodeRenderer key={childId} nodeId={childId} />
+      ))}
+    </mesh>
+  );
+};