#

luxiaotao1123

2024-04-19 e29b81d052871d5ea9a4d627595f9aceb22b0d86

#

 src/components/help.jsx

@@ -5,10 +5,6 @@
    return (
        <Suspense>
            <GizmoHelper alignment="bottom-right" margin={[80, 80]} onUpdate={() => null}>
                {/* <mesh>
        <boxBufferGeometry args={[1, 1, 1]} />
        <meshStandardMaterial color="hotpink" />
      </mesh> */}
                <GizmoViewport labelColor="white" axisHeadScale={1} />
                <Stats className="!right-0 top-0 !left-[inherit]" />
            </GizmoHelper>

 src/pages/base.jsx

@@ -1,10 +1,10 @@
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>
@@ -13,6 +13,7 @@
                <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>