| | |
| | | |
| | | const [choiceCtrls, setChoiceCtrls] = useState(true); |
| | | |
| | | const ctrl = () => { |
| | | return ( |
| | | <group> |
| | | {/* 相机控制器 */} |
| | | {/* <PresentationControls /> */} |
| | | <CameraControls /> |
| | | {/* <PointerCtrl /> */} |
| | | </group> |
| | | ); |
| | | }; |
| | | |
| | | const flyCtrl = () => { |
| | | return ( |
| | | <group> |
| | |
| | | ); |
| | | }; |
| | | |
| | | const ctrl = () => { |
| | | return ( |
| | | <group> |
| | | {/* 相机控制器 */} |
| | | {/* <PresentationControls /> */} |
| | | <CameraControls /> |
| | | {/* <PointerCtrl /> */} |
| | | </group> |
| | | ); |
| | | }; |
| | | return ( |
| | | <> |
| | | {choiceCtrls ? ctrl() : flyCtrl()} |
| | |
| | | const Base = (props) => { |
| | | return ( |
| | | <div style={{ height: '100%', width: '100%' }}> |
| | | <Canvas> |
| | | <Canvas |
| | | shadows |
| | | gl={{ |
| | | logarithmicDepthBuffer: true, |
| | | }} |
| | | > |
| | | <Lights /> |
| | | <Camera /> |
| | | <Sky distance={450000} sunPosition={[0, 1, 0]} inclination={0} azimuth={0.25} /> |