17 lines
623 B
JavaScript
17 lines
623 B
JavaScript
import { Canvas } from '@react-three/fiber'
|
|
import CubePair from './CubeDuplicate'
|
|
import GroupedStructure from './Group'
|
|
|
|
export default function App() {
|
|
return (
|
|
<Canvas camera={{ fov: 60, near: 0.1, far: 100, position: [0, 0, 6] }}>
|
|
<color attach="background" args={['#101418']} />
|
|
<ambientLight intensity={0.6} />
|
|
<directionalLight intensity={1.1} position={[4, 6, 5]} />
|
|
{/* <CubePair /> */}
|
|
<GroupedStructure position={[-1.4, 0, 0]} direction={1}/>
|
|
<GroupedStructure position={[ 1.4, 0, 0]} direction={1}/>
|
|
</Canvas>
|
|
)
|
|
}
|