From 354ed76a40a54cf8d83b8bbd06ce642b3934905c Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期一, 29 四月 2024 14:09:41 +0800
Subject: [PATCH] #
---
src/pages/base.jsx | 23 +++++++++++++++--------
1 files changed, 15 insertions(+), 8 deletions(-)
diff --git a/src/pages/base.jsx b/src/pages/base.jsx
index c36017f..3ba28fd 100644
--- a/src/pages/base.jsx
+++ b/src/pages/base.jsx
@@ -2,15 +2,19 @@
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'
+import Left from './left'
+import Right from './right'
const Base = (props) => {
return (
- <div style={{ height: '100%', width: '100%' }}>
+ <div style={{ height: '100%', width: '100%', position: 'relative', overflow: 'hidden' }}>
<Canvas
shadows
gl={{
@@ -22,17 +26,20 @@
<Sky distance={450000} sunPosition={[0, 1, 0]} inclination={0} azimuth={0.25} />
<Buildings />
<TreeGroup />
- <Box position={[0, 0, 0]} />
+ <House />
+ <Warehouse />
<OrbitControls />
- <Environment background preset="warehouse" />
+ <Environment background preset="night" />
<Help />
</Canvas>
+ <Left />
+ <Right />
</div>
)
}
-const Box = (props) => {
+const Demo = (props) => {
const ref = useRef()
const [hovered, hover] = useState(false)
const [clicked, click] = useState(false)
--
Gitblit v1.9.1