chore(web): camera move in published page (#1014)

reearth · Jun 11, 2024 · 4a926d4 · 4a926d4
1 parent 1ef4c0e
commit 4a926d4
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/web/src/beta/features/PublishedVisualizer/hooks.ts b/web/src/beta/features/PublishedVisualizer/hooks.ts
@@ -8,6 +8,7 @@ import {
   isBuiltinWidget,
 } from "@reearth/beta/features/Visualizer/Crust";
 import { Story } from "@reearth/beta/features/Visualizer/StoryPanel";
+import type { Camera } from "@reearth/beta/utils/value";
 import { MapRef } from "@reearth/core";
 import { config } from "@reearth/services/config";
 
@@ -27,6 +28,7 @@ export default (alias?: string) => {
   const [data, setData] = useState<PublishedData>();
   const [ready, setReady] = useState(false);
   const [error, setError] = useState(false);
+  const [currentCamera, setCurrentCamera] = useState<Camera | undefined>(undefined);
 
   const sceneProperty = processProperty(data?.property);
   const pluginProperty = useMemo(
@@ -251,6 +253,8 @@ export default (alias?: string) => {
     error,
     engineMeta,
     visualizerRef,
+    currentCamera,
+    setCurrentCamera,
   };
 };
 

diff --git a/web/src/beta/features/PublishedVisualizer/index.tsx b/web/src/beta/features/PublishedVisualizer/index.tsx
@@ -20,6 +20,8 @@ export default function Published({ alias }: Props) {
     error,
     engineMeta,
     visualizerRef,
+    currentCamera,
+    setCurrentCamera,
   } = useHooks(alias);
 
   return error ? (
@@ -40,6 +42,8 @@ export default function Published({ alias }: Props) {
       sceneProperty={sceneProperty}
       pluginProperty={pluginProperty}
       showStoryPanel={!!story}
+      currentCamera={currentCamera}
+      onCameraChange={setCurrentCamera}
     />
   );
 }