From d94f8b5c6ee484d8ef54557d5b767df04a99691b Mon Sep 17 00:00:00 2001 From: wil Date: Mon, 25 Mar 2024 15:42:38 -0400 Subject: [PATCH] preview window for camera --- app/pages/PageEnigma/PageEnigma.tsx | 2 ++ .../comps/ControlsVideo/ControlsVideo.tsx | 18 +++++------ .../PageEnigma/comps/PreviewWindow/index.tsx | 30 ++++++++++++++++++ .../uiAssets/video_player_placeholder.gif | Bin 0 -> 8494 bytes 4 files changed, 40 insertions(+), 10 deletions(-) create mode 100644 app/pages/PageEnigma/comps/PreviewWindow/index.tsx create mode 100644 public/resources/uiAssets/video_player_placeholder.gif diff --git a/app/pages/PageEnigma/PageEnigma.tsx b/app/pages/PageEnigma/PageEnigma.tsx index eadc47ed8f..2f5d57134a 100644 --- a/app/pages/PageEnigma/PageEnigma.tsx +++ b/app/pages/PageEnigma/PageEnigma.tsx @@ -9,6 +9,7 @@ import { SidePanel } from "~/modules/SidePanel"; import { Controls3D } from "./comps/Controls3D"; import { ControlsTopButtons } from "./comps/ControlsTopButtons"; import { ControlsVideo } from "./comps/ControlsVideo"; +import { PreviewWindow } from "./comps/PreviewWindow"; import { Timeline } from "./comps/Timeline"; import { SidePanelTabs } from "./comps/SidePanelTabs"; @@ -74,6 +75,7 @@ export const PageEnigma = () => { {/* Bottom controls */}
+
diff --git a/app/pages/PageEnigma/comps/ControlsVideo/ControlsVideo.tsx b/app/pages/PageEnigma/comps/ControlsVideo/ControlsVideo.tsx index ade68ff1be..5b1ad21ffe 100644 --- a/app/pages/PageEnigma/comps/ControlsVideo/ControlsVideo.tsx +++ b/app/pages/PageEnigma/comps/ControlsVideo/ControlsVideo.tsx @@ -24,16 +24,14 @@ export const ControlsVideo = () => { console.log("Controls Video: Forward-Fast clicked"); }; return ( -
-
-
-
- - - - - -
+
+
+
+ + + + +
diff --git a/app/pages/PageEnigma/comps/PreviewWindow/index.tsx b/app/pages/PageEnigma/comps/PreviewWindow/index.tsx new file mode 100644 index 0000000000..92accbd2d2 --- /dev/null +++ b/app/pages/PageEnigma/comps/PreviewWindow/index.tsx @@ -0,0 +1,30 @@ +import { useContext } from "react" +import { EngineContext } from "~/contexts/EngineContext" + +export const PreviewWindow = ()=>{ + const editorEngine = useContext(EngineContext); + //take data from egine context + + return ( +
+
+
+

Camera View

+
+
+ +
+
+
+ ) +} \ No newline at end of file diff --git a/public/resources/uiAssets/video_player_placeholder.gif b/public/resources/uiAssets/video_player_placeholder.gif new file mode 100644 index 0000000000000000000000000000000000000000..b6a8dea0365e23594aa62758a4886dd92f75343b GIT binary patch literal 8494 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 UFVB3|GSHm4h6a@pcmUA&A1k`bQUCw| literal 0 HcmV?d00001