Spaces:
Sleeping
Sleeping
File size: 987 Bytes
d2226ad |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 |
import { Text } from "@react-three/drei";
export function Compass() {
const radius = 90;
const color = "#444";
return (
<group rotation={[-Math.PI / 2, 0, 0]} position={[0, -2, 0]}>
<gridHelper
args={[200, 20, color, "#222"]}
position={[0, -0.1, 0]}
rotation={[Math.PI / 2, 0, 0]}
/>
<Text
position={[0, radius, 0]}
fontSize={10}
color="#ff5555"
rotation={[0, 0, Math.PI]}
>
N
</Text>
<Text
position={[0, -radius, 0]}
fontSize={10}
color="white"
rotation={[0, 0, 0]}
>
S
</Text>
<Text
position={[-radius, 0, 0]}
fontSize={10}
color="white"
rotation={[0, 0, -Math.PI / 2]}
>
E
</Text>
<Text
position={[radius, 0, 0]}
fontSize={10}
color="white"
rotation={[0, 0, Math.PI / 2]}
>
W
</Text>
</group>
);
}
|