RedCrab/projet-nuitinfo-2024
8
0
Fork 0
generated from lucien/actix-react-template
Code Issues Pull requests 1 Projects Releases Packages Wiki Activity Actions

Hot fix - Marker.tsx

Browse source
This commit is contained in:
iMax 2024-12-06 05:46:34 +01:00
parent cbae2746fd
commit 4682f8a61e
1 changed files with 4 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

6
front/src/components/3d/Marker.tsx
View file

@ -3,19 +3,19 @@ import { Group } from 'three'
import * as THREE from 'three' import * as THREE from 'three'
interface MarkerProps { interface MarkerProps {
position: [number, number, number], position: number[],
color: string, color: string,
onClick?: () => void onClick?: () => void
} }
export default function Marker({ position, color, onClick }: MarkerProps) { export default function Marker({ position, color, onClick }: MarkerProps) {
const [positionState, setPositionState] = React.useState(position) const [positionState, setPositionState] = React.useState(new THREE.Vector3(...position))
// Return the marker object // Return the marker object
// return <primitive object={marker} /> // return <primitive object={marker} />
return ( return (
<mesh position={positionState} rotation={[Math.PI,0,0]} onClick={onClick} onPointerOver={(e) => setPositionState([positionState[0], positionState[1], positionState[2] + 0.1])} onPointerOut={(e) => setPositionState(position)}> <mesh position={positionState} rotation={[Math.PI,0,0]} onClick={onClick} onPointerOver={(e) => setPositionState(positionState.clone().setZ(positionState.z + 0.1))} onPointerOut={(e) => setPositionState(new THREE.Vector3(...position))}>
<coneGeometry args={[0.15, 0.6, 6]} /> <coneGeometry args={[0.15, 0.6, 6]} />
<meshStandardMaterial color={color} side={THREE.DoubleSide} /> <meshStandardMaterial color={color} side={THREE.DoubleSide} />
</mesh> </mesh>