| | |
| | | import { useRef, useState } from 'react' |
| | | import { Canvas, useFrame } from '@react-three/fiber' |
| | | import { OrbitControls } from '@react-three/drei' |
| | | import { Environment } from '@react-three/drei' |
| | | import { Environment, Sky } from '@react-three/drei' |
| | | import Help from '@/components/help' |
| | | |
| | | const Base = () => { |
| | | const Base = (props) => { |
| | | return ( |
| | | <div style={{ height: '100%', width: '100%' }}> |
| | | <Canvas> |
| | |
| | | <pointLight position={[-10, -10, -10]} decay={0} intensity={Math.PI} /> |
| | | <Box position={[0, 0, 0]} /> |
| | | <OrbitControls /> |
| | | <Sky distance={450000} sunPosition={[0, 1, 0]} inclination={0} azimuth={0.25} /> |
| | | <Environment background preset="warehouse" /> |
| | | <Help /> |
| | | </Canvas> |