From 7214c885af56b013c9d27b2cff6eedb0e11aacaf Mon Sep 17 00:00:00 2001 From: luxiaotao1123 <t1341870251@163.com> Date: 星期日, 05 五月 2024 09:11:07 +0800 Subject: [PATCH] # --- /dev/null | 20 -------------------- src/pages/fiber.jsx | 4 ++-- .env | 2 +- src/router/index.jsx | 7 +++---- 4 files changed, 6 insertions(+), 27 deletions(-) diff --git a/.env b/.env index 5b3d6d4..ad8b665 100644 --- a/.env +++ b/.env @@ -1 +1 @@ -COOL_API_BASE_URL = 'http://localhost:9090' +COOL_API_BASE_URL = 'http://192.168.4.15:9090' diff --git a/src/pages/base.jsx b/src/pages/fiber.jsx similarity index 97% rename from src/pages/base.jsx rename to src/pages/fiber.jsx index 3ba28fd..ab82b4d 100644 --- a/src/pages/base.jsx +++ b/src/pages/fiber.jsx @@ -12,7 +12,7 @@ import Left from './left' import Right from './right' -const Base = (props) => { +const Fiber = (props) => { return ( <div style={{ height: '100%', width: '100%', position: 'relative', overflow: 'hidden' }}> <Canvas @@ -58,4 +58,4 @@ ) } -export default Base; \ No newline at end of file +export default Fiber; \ No newline at end of file diff --git a/src/pages/text.jsx b/src/pages/text.jsx deleted file mode 100644 index 50950d2..0000000 --- a/src/pages/text.jsx +++ /dev/null @@ -1,20 +0,0 @@ -import { useRef } from 'react' -import { Canvas, useFrame } from '@react-three/fiber' -import { useGLTF, Stage, Grid, OrbitControls, Environment } from '@react-three/drei' -import { EffectComposer, Bloom, ToneMapping } from '@react-three/postprocessing' -import { easing } from 'maath' - -export default function Text() { - return ( - <Canvas flat shadows camera={{ position: [-15, 0, 10] }}> - <fog attach="fog" args={['black', 15, 22.5]} /> - <Stage intensity={0.5} environment="city" shadows={{ type: 'accumulative', bias: -0.001, intensity: Math.PI }} adjustCamera={false}> - </Stage> - <Grid renderOrder={-1} position={[0, -1.85, 0]} infiniteGrid cellSize={0.6} cellThickness={0.6} sectionSize={3.3} sectionThickness={1.5} sectionColor={[0.5, 0.5, 10]} fadeDistance={30} /> - <OrbitControls autoRotate autoRotateSpeed={0.05} enableZoom={false} makeDefault minPolarAngle={Math.PI / 2} maxPolarAngle={Math.PI / 2} /> - <EffectComposer disableNormalPass> - </EffectComposer> - <Environment background preset="warehouse" /> - </Canvas> - ) -} diff --git a/src/router/index.jsx b/src/router/index.jsx index dc99047..2e05cce 100644 --- a/src/router/index.jsx +++ b/src/router/index.jsx @@ -2,8 +2,7 @@ import App from '@/App' import NotFound from '@/pages/not-found' -import Base from '@/pages/base' -import Text from '@/pages/text' +import Fiber from '@/pages/fiber' // createBrowserRouter -> history // createHashRouter -> hash (#) @@ -11,11 +10,11 @@ const router = createBrowserRouter([ { path: '/', - element: <Base />, + element: <Fiber />, }, { path: '*', - element: <Text /> + element: <NotFound /> } ]) -- Gitblit v1.9.1