| | |
| | | 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]} |
| | | /> |
| | |
| | | <Help /> |
| | | </Canvas> |
| | | <Left /> |
| | | <Right /> |
| | | {/* <Right /> */} |
| | | </div> |
| | | |
| | | ) |
| | |
| | | { |
| | | text: 'Hello World', |
| | | shelfList: {}, |
| | | autoRotate: false, |
| | | autoCruise: false, |
| | | lookAt: { x: 0, y: 0, z: 0 }, |
| | | cruiseAgvNo: '2', |