| | |
| | | const { no, position = [0, 300, 0], rotationY = 0 } = props; |
| | | const state = useStore(); |
| | | |
| | | const { nodes, materials } = useMemo(() => { |
| | | return useGLTF('/models/shelf/row.glb'); |
| | | // const { nodes, materials } = useMemo(() => { |
| | | // return useGLTF('/models/shelf/row.glb'); |
| | | // }, []) |
| | | |
| | | const model = useMemo(() => { |
| | | const fbx = useFBX('/models/shelf/row.fbx'); |
| | | if (!fbx.castShadow) { |
| | | Common.setShadow(fbx); |
| | | } |
| | | // Common.setColor(fbx, 0x778ca3); |
| | | fbx.scale.set(MODEL_SHELF_SCALE.x, MODEL_SHELF_SCALE.y, MODEL_SHELF_SCALE.z); |
| | | fbx.traverse((child) => { |
| | | if (child.isMesh) { |
| | | child.material.transparent = true; |
| | | child.material.opacity = 0.8; |
| | | } |
| | | }) |
| | | return fbx.clone(); |
| | | }, []) |
| | | |
| | | useEffect(() => { |
| | |
| | | position={[0, 99, 0]} |
| | | scale={50000} |
| | | /> */} |
| | | <mesh position={[0, 100, 0]}> |
| | | |
| | | <primitive object={model} castShadow position={[0, 1, 0]} /> |
| | | {/* <mesh position={[0, 100, 0]}> |
| | | <boxGeometry args={[150, 200, 30]} /> |
| | | <meshStandardMaterial color={'orange'} transparent={true} opacity={.5} /> |
| | | </mesh> |
| | | </mesh> */} |
| | | {/* <Box rotationY={0} position={[0, 0, 0]} /> */} |
| | | </group> |
| | | </> |