테스트 사이트 - 개발 중인 베타 버전입니다

three.js 의 drei 에서 gltf 파일을 불러오려고 합니다. 채택완료

인찌 2년 전 조회 1,289

안녕하세요. 제가 며칠째 헤메고 있습니다ㅠ 좀 도와주시면 감사드리겠습니다ㅠ

https://codesandbox.io/s/g7wbe0?file=/src/App.js 여기에 보시면 Bunny 부분이 있는데요

gltf 파일을 불러와, geometry={nodes.Stanford_Bunny.geometry} 이렇게 한줄로 정의해서 로드하고 material를 커스텀했습니다. 

저도 저런식으로 커스텀을 하고 싶은데

가운데 Stanford_Bunny 이라는 게 어떻게 나온것인지 아무리 찾아봐도 모르겠습니다ㅠ

제가 https://skfb.ly/6qBNq 에서 가져오려고 하는데 저 Stanford_Bunny가 어떤 식으로 나와야지 커스텀을 할 수 있는 걸까요..

 

문의드릴 부분

</p>

<p>function Bunny({ color, ...config }) {</p>

<p>const { nodes } = useGLTF('/bunny-transformed.glb')</p>

<p>return (</p>

<p><group></p>

<p><mesh position={[0, -6, 0]}></p>

<p><sphereGeometry args={[4]} /></p>

<p><meshNormalMaterial /></p>

<p></mesh></p>

<p><mesh position={[-15, 5, 5]}></p>

<p><sphereGeometry args={[2]} /></p>

<p><meshNormalMaterial /></p>

<p></mesh></p>

<p><mesh castShadow geometry={nodes.Stanford_Bunny.geometry} scale={0.075} frustumCulled={false}></p>

<p><MeshTransmissionMaterial color={color} resolution={512} thickness={200} anisotropy={1} chromaticAberration={1} /></p>

<p></mesh></p>

<p></group></p>

<p>)</p>

<p>}</p>

<p> </p>

<p>

 

 

저는 현재 gltf를 js 파일로 변환해서 로드 중입니다

</p>

<p><group {...props} dispose={null}></p>

<p><group rotation={[-Math.PI / 2, 0, 0]} scale={0.055}></p>

<p><group position={[-25, -10, 1]}></p>

<p><mesh</p>

<p>geometry={nodes.Object_4.geometry}</p>

<p>material={materials.model_Material}</p>

<p>/></p>

<p><mesh</p>

<p>geometry={nodes.Object_5.geometry}</p>

<p>material={materials.model_Material}</p>

<p>/></p>

<p><mesh</p>

<p>geometry={nodes.Object_6.geometry}</p>

<p>material={materials.model_Material}</p>

<p>/></p>

<p><mesh</p>

<p>geometry={nodes.Object_7.geometry}</p>

<p>material={materials.model_Material}</p>

<p>/></p>

<p><mesh</p>

<p>geometry={nodes.Object_8.geometry}</p>

<p>material={materials.model_Material}</p>

<p>/></p>

<p><mesh</p>

<p>geometry={nodes.Object_9.geometry}</p>

<p>material={materials.model_Material}</p>

<p>/></p>

<p><mesh</p>

<p>geometry={nodes.Object_10.geometry}</p>

<p>material={materials.model_Material}</p>

<p>/></p>

<p><mesh</p>

<p>geometry={nodes.Object_11.geometry}</p>

<p>material={materials.model_Material}</p>

<p>/></p>

<p> </p>

<p><mesh</p>

<p>geometry={nodes.Object_12.geometry}</p>

<p>material={materials.model_Material}</p>

<p>/></p>

<p> </p>

<p></group></p>

<p></group></p>

<p></group></p>

<p>

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

리액트라고 제목에 좀 써주셨으면...

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인