From 51b13009926be3d41c8dfb94a96e4c9489264513 Mon Sep 17 00:00:00 2001
From: luxiaotao1123 <t1341870251@163.com>
Date: 星期四, 16 五月 2024 08:34:27 +0800
Subject: [PATCH] #
---
src/components/shelf.jsx | 23 +++++++++++++++++------
1 files changed, 17 insertions(+), 6 deletions(-)
diff --git a/src/components/shelf.jsx b/src/components/shelf.jsx
index 065358c..387d77b 100644
--- a/src/components/shelf.jsx
+++ b/src/components/shelf.jsx
@@ -2,7 +2,6 @@
import { useGLTF, useFBX } from '@react-three/drei';
import * as THREE from 'three';
import { MODEL_SHELF_SCALE } from '@/config/setting'
-import { snapshot } from 'valtio';
import { useStore } from '@/store';
import { DRACOLoader } from 'three/examples/jsm/loaders/DRACOLoader';
import { GLTFLoader } from 'three/examples/jsm/loaders/GLTFLoader';
@@ -13,12 +12,22 @@
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);
+ return fbx.clone();
}, [])
useEffect(() => {
- snapshot(state).models[no] = position;
+ state.shelfList[no] = position;
}, [props]);
return (
@@ -32,10 +41,12 @@
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>
</>
--
Gitblit v1.9.1