| | |
| | | MapControls, |
| | | } from '@react-three/drei'; |
| | | import { useThree, useFrame } from '@react-three/fiber'; |
| | | import { useStore } from '@/store'; |
| | | |
| | | const Controls = (props) => { |
| | | const controlsRef = useRef(); |
| | | const [choiceCtrls, setChoiceCtrls] = useState(false); |
| | | const store = useStore(); |
| | | |
| | | useEffect(() => { |
| | | if (props.fly) { |
| | |
| | | {/* <CameraControls ref={controlsRef} /> */} |
| | | <OrbitControls |
| | | ref={controlsRef} |
| | | autoRotate |
| | | autoRotate={store.autoRotate} |
| | | autoRotateSpeed={0.5} |
| | | target={[-200, 100, 0]} |
| | | /> |
| | | {/* <PointerCtrl /> */} |
| | | </group> |