| | |
| | | import React, { useState, useEffect } from 'react'; |
| | | import React, { useRef, useState, useEffect } from 'react'; |
| | | import { |
| | | PerspectiveCamera, |
| | | CameraControls, |
| | |
| | | FirstPersonControls, |
| | | MapControls, |
| | | } from '@react-three/drei'; |
| | | import { useThree, useFrame } from '@react-three/fiber'; |
| | | |
| | | const Controls = (props) => { |
| | | const controlsRef = useRef(); |
| | | const [choiceCtrls, setChoiceCtrls] = useState(false); |
| | | |
| | | useEffect(() => { |
| | |
| | | return ( |
| | | <group> |
| | | {/* <PresentationControls /> */} |
| | | <CameraControls /> |
| | | {/* <CameraControls ref={controlsRef} /> */} |
| | | <OrbitControls |
| | | ref={controlsRef} |
| | | autoRotate |
| | | autoRotateSpeed={0.2} |
| | | /> |
| | | {/* <PointerCtrl /> */} |
| | | </group> |
| | | ); |