From a2adcc3eda2e8faa69a56194712ac76b8ecc5fbf Mon Sep 17 00:00:00 2001 From: Tom Boullay Date: Sat, 9 May 2026 01:28:06 +0100 Subject: [PATCH] add: reusable world video prompt billboard --- .../three/gameplay/RepairPromptVideo.tsx | 27 ++++-------- .../three/gameplay/RepairRepairingStep.tsx | 4 +- src/components/three/ui/WorldVideoPrompt.tsx | 42 +++++++++++++++++++ 3 files changed, 54 insertions(+), 19 deletions(-) create mode 100644 src/components/three/ui/WorldVideoPrompt.tsx diff --git a/src/components/three/gameplay/RepairPromptVideo.tsx b/src/components/three/gameplay/RepairPromptVideo.tsx index a3ca7e1..1a25d45 100644 --- a/src/components/three/gameplay/RepairPromptVideo.tsx +++ b/src/components/three/gameplay/RepairPromptVideo.tsx @@ -1,34 +1,25 @@ -import { Html } from "@react-three/drei"; +import { WorldVideoPrompt } from "@/components/three/ui/WorldVideoPrompt"; import type { Vector3Tuple } from "@/types/three/three"; interface RepairPromptVideoProps { src: string; position?: Vector3Tuple; size?: number; + billboard?: boolean; } export function RepairPromptVideo({ src, position = [0, 1.8, 0], size = 96, + billboard = true, }: RepairPromptVideoProps): React.JSX.Element { return ( - -