| | |
| | | import { Canvas, useFrame } from '@react-three/fiber' |
| | | import { OrbitControls } from '@react-three/drei' |
| | | import { Environment, Sky } from '@react-three/drei' |
| | | import Help from '@/components/help' |
| | | import Lights from '@/components/light' |
| | | import Camera from '@/components/camera' |
| | | import Buildings from '@/components/buidings' |
| | | import Help from '../components/help' |
| | | import Lights from '../components/light' |
| | | import Camera from '../components/camera' |
| | | import Buildings from '../components/buidings' |
| | | import TreeGroup from '../components/tree-group' |
| | | import House from '../components/house' |
| | | import Warehouse from '../core/warehouse' |
| | | |
| | | const Base = (props) => { |
| | | return ( |
| | |
| | | <Buildings /> |
| | | <TreeGroup /> |
| | | <House /> |
| | | <Box position={[0, 0, 0]} /> |
| | | <Warehouse /> |
| | | <OrbitControls /> |
| | | <Environment background preset="warehouse" /> |
| | | <Environment background preset="night" /> |
| | | <Help /> |
| | | </Canvas> |
| | | </div> |
| | |
| | | ) |
| | | } |
| | | |
| | | const Box = (props) => { |
| | | const Demo = (props) => { |
| | | const ref = useRef() |
| | | const [hovered, hover] = useState(false) |
| | | const [clicked, click] = useState(false) |