diff --git a/public/models/skeleton/eye.gltf b/public/models/skeleton/eye.gltf index 49694f8..86e7065 100644 Binary files a/public/models/skeleton/eye.gltf and b/public/models/skeleton/eye.gltf differ diff --git a/public/models/skeleton/head.gltf b/public/models/skeleton/head.gltf index 7855326..aa4651f 100644 Binary files a/public/models/skeleton/head.gltf and b/public/models/skeleton/head.gltf differ diff --git a/src/components/mesh/skeleton.tsx b/src/components/mesh/skeleton.tsx index 2255a41..f2ad404 100644 --- a/src/components/mesh/skeleton.tsx +++ b/src/components/mesh/skeleton.tsx @@ -15,17 +15,48 @@ import { OrbitControls, useScroll } from "@react-three/drei"; function SkeletonMesh() { const mesh = useRef(null!); - const head = useLoader(GLTFLoader, "/models/skeleton/head.gltf"); + let head = useLoader(GLTFLoader, "/models/skeleton/head.gltf"); const eye = useLoader(GLTFLoader, "/models/skeleton/eye.gltf"); + const eye2 = useLoader(GLTFLoader, "/models/skeleton/eye.gltf"); const body = useLoader(GLTFLoader, "/models/skeleton/body.gltf"); return ( - + - + + + + ); } @@ -53,17 +84,21 @@ export default function Skeleton() { rotation: [0, THREE.MathUtils.degToRad(90), 0], }} > - + {/* */} + - {meshArray.map((el) => { - return ( - - - - - ); - })} + + + {meshArray.map((el) => { + return ( + + + + + ); + })} + ); }