hover / selection viewer logic

2026-01-21 09:47:08 +09:00
parent 7a0512bdce
commit e8737a6886
5 changed files with 120 additions and 72 deletions
@@ -0,0 +1,52 @@
+"use client";
+
+import { Bvh, Environment, OrbitControls } from "@react-three/drei";
+import { Canvas, ThreeToJSXElements } from "@react-three/fiber";
+
+import { WallSystem } from "@pascal-app/core";
+import { extend } from "@react-three/fiber";
+import * as THREE from "three/webgpu";
+import { SceneRenderer } from "../renderers/scene-renderer";
+import { LevelSystem } from "../../systems/level/level-system";
+import PostProcessing from "./post-processing";
+
+declare module "@react-three/fiber" {
+  interface ThreeElements extends ThreeToJSXElements<typeof THREE> {}
+}
+
+extend(THREE as any);
+
+interface ViewerProps {
+  children?: React.ReactNode;
+}
+
+const Viewer: React.FC<ViewerProps> = ({ children }) => {
+  return (
+    <Canvas
+      className={"bg-[#303035]"}
+      gl={async (props) => {
+        const renderer = new THREE.WebGPURenderer(props as any);
+        await renderer.init();
+        return renderer;
+      }}
+      shadows
+      camera={{ position: [50, 50, 50], fov: 50 }}
+    >
+      <color attach="background" args={["#ececec"]} />
+
+      <Environment preset="sunset" />
+      <Bvh>
+        <SceneRenderer />
+      </Bvh>
+
+      {/* Default Systems */}
+      <LevelSystem />
+      <WallSystem />
+      <PostProcessing />
+
+      {children}
+    </Canvas>
+  );
+};
+
+export default Viewer;