#

luxiaotao1123

2024-04-24 ef1c6cacf5aa4b2bcce35eb3b7bae2db95692edd

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
import { useMemo, useState, useEffect } from 'react';
import { useGLTF } from '@react-three/drei';
import * as THREE from 'three';
import { MODEL_SHELF_SCALE } from '@/config/setting'
import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader';
import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader';
import Box from './box';
 
 
const Shelf = (props) => {
    const { position = [0, 300, 0], rotationY = 0 } = props;
 
    const { nodes, materials } = useMemo(() => {
        return useGLTF('/models/shelf/row.glb');
    }, [])
 
    return (
        <>
            <group rotation-y={rotationY} position={position}>
                <primitive
                    castShadow
                    receiveShadow
                    object={nodes.物件_1001}
                    material={materials['材质_1.002']}
                    position={[0, 99, 0]}
                    scale={50000}
                />
            </group>
            {/* <Box rotationY={Math.PI / 2} position={[0, 100, -50]} />
            <Box rotationY={Math.PI / 2} position={[0, 100, 0]} />
            <Box rotationY={Math.PI / 2} position={[0, 100, 30]} /> */}
        </>
    )
}
 
export default Shelf;