Tom Boullay
58 lines
1.8 KiB
TypeScript
58 lines
1.8 KiB
TypeScript
import { GrabbableObject } from "@/components/three/interaction/GrabbableObject";
|
|
import { RepairObjectModel } from "@/components/three/gameplay/RepairObjectModel";
|
|
import type { Vector3Tuple } from "@/types/three/three";
|
|
|
|
interface RepairEbikeRepairTriggerProps {
|
|
anchor: Vector3Tuple;
|
|
installed: boolean;
|
|
}
|
|
|
|
const REPLACEMENT_MODEL_PATH = "/models/refroidisseur/model.gltf";
|
|
|
|
/**
|
|
* Ebike-specific fake replacement flow: the broken radiator node is
|
|
* hidden in the shared ExplodableModel, a grabbable copy appears at the
|
|
* same anchor, then RepairGame/RepairMissionCase controls the install
|
|
* interaction and this component swaps the copy for a fresh glowing part.
|
|
*/
|
|
export function RepairEbikeRepairTrigger({
|
|
anchor,
|
|
installed,
|
|
}: RepairEbikeRepairTriggerProps): React.JSX.Element {
|
|
return (
|
|
<group>
|
|
{!installed ? (
|
|
<GrabbableObject
|
|
position={anchor}
|
|
colliders="ball"
|
|
handControlled
|
|
lockUntilGrab
|
|
label="Retirer le refroidisseur"
|
|
>
|
|
<RepairObjectModel
|
|
label="Refroidisseur"
|
|
modelPath={REPLACEMENT_MODEL_PATH}
|
|
scale={0.24}
|
|
/>
|
|
</GrabbableObject>
|
|
) : (
|
|
<group position={anchor}>
|
|
<RepairObjectModel
|
|
label="Refroidisseur"
|
|
modelPath={REPLACEMENT_MODEL_PATH}
|
|
scale={0.24}
|
|
/>
|
|
<mesh>
|
|
<sphereGeometry args={[0.65, 32, 16]} />
|
|
<meshBasicMaterial color="#22c55e" transparent opacity={0.18} />
|
|
</mesh>
|
|
<mesh rotation={[Math.PI / 2, 0, 0]}>
|
|
<torusGeometry args={[0.72, 0.025, 8, 96]} />
|
|
<meshBasicMaterial color="#86efac" transparent opacity={0.85} />
|
|
</mesh>
|
|
</group>
|
|
)}
|
|
</group>
|
|
);
|
|
}
|