inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

Three.js로 시작하는 3D 인터랙티브 웹

sketchup 모델링 파일을 불러왔는데 3D모델이 제대로 보이지 않아요...

1881

윤주원

작성한 질문수 2

0

안녕하세요!
 
해당 강의를 듣고 3D모델 불러오기를 하고 있습니다.
 
저는 sketchup에서 모델링 된 3D 오브젝트(건물)를 threejs로 업로드 해서 웹사이트를 만들어야 하는데요,
 
gltf 파일과 obj파일을 업로드 하는데는 성공했습니다.
 
그런데 해당 모델링 된 파일이 크기가 너무 커서 그런지 렌더링 된 웹상에서는 모델의 완전체가 보이지 않습니다.
 
모델 스케일을 0.1로 줄여도 이런 현상이 나타나는데 제가 어디를 고쳐야 하는 걸까요?
 
너무 답답해서 obj파일을 업로드하면 렌더링 되는 사이트를 통해 올려봤는데
 
거기서는 완전하지는 않지만 모델 전체를 둘러보는데는 문제가 없더라고요.
(텍스쳐 파일이 업로드가 되지 않음. 여기서 말하는 텍스쳐 파일은 스케치업에서 obj로 export 했을 때 같이 생성된 MTL파일임)
 
이해를 돕기위해 제가 렌더링한 사이트의 모습 캡쳐본을 첨부합니다.
 
도와주세요 슨생님들 ㅜㅜㅜㅜㅜㅜ
 
부탁드립니다.
 
여기까지 읽어주신 분들 미리 감사드려요🙏🙏
 
 
(3D obj 뷰어 사이트에서 같은 모델을 렌더링 했을 때의 모습)

sketchup threejs 인터랙티브-웹 blender 3d모델업로드 Three.js

답변 1

0

1분코딩

gltf(glb)를 로드할 때, 메쉬 대신 scene 자체를 add 해보시면 어떨까 싶습니다~

gltfLoader.load(
	'/models/myroom.glb',
	gltf => {
		console.log(gltf.scene);
		// const ilbuniMesh = gltf.scene.children[0];
		scene.add(gltf.scene);
	}
);

리액트/next.js와 같이 사용하는 강의 계획은 없으신가요?

0

80

1

소스코드 파일이 강의랑 같나요?

0

117

2

materials 배열에 있는 top, bottom ... 들에 대해서

0

118

0

gltf 포맷 사용

0

242

1

점프 애니메이션 stop

0

127

2

사양에 따른 다른 결과

0

111

1

중복 질문 삭제

0

160

1

혹시 이 빛의 범위를 조절할 수 있는 방법이 있나요?

0

124

1

gltf.scene.children 이 없는데도 모델이 화면에 떠요

0

101

2

GLF파일 export한 후에 three.js에서 렌더링 된 모델에는 텍스처 적용이 안되어있습니다..!

0

159

1

일반 유리, 강화 유리 강의에서 Glass 객체의 position X를 -1, 1로 설정한 이유를 모르겠어요

0

76

0

그림자가 다르게 표현됩니다

0

138

1

setAnimationLoop 위치가...

0

98

1

얼굴 그릴 때 붓이 깔끔하게 칠해지지 않고 얼룩덜룩해요

0

134

1

블렌더 texture paint 시 미러모드

0

162

0

DragControls의 인자값을 바꾸지 않았는데 에러가 안떠요!

0

104

1

blender 에서 색칠하기 편 Texter paint slot추가없음

0

956

2

fin 버전도 그냥 실행이 안돼요

0

289

2

자바스크립트 실행이 안되는 것 같아요

0

378

1

모니터 해상도에 따라 mesh의 크기가 변할 수 있나요?

0

237

1

live server와 localhost:8080

0

340

1

material에 canvas 를 texture 로 넣는방법이 궁금해요

0

268

1

모바일 조이스틱은 어떻게 만들 수 있을까요?

0

206

1

징검다리 예제에서 SpotLight가 동작 오류

0

301

2