inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

[Blender] 도미노 블럭 만들기(inset, bevel)

gltf 포맷 사용

242

김영호

작성한 질문수 1

0

안녕하세요 강의 너무 잘보고있습니다.

https://inf.run/SELR1 여기보면 일단 gltf 사용을 추천하고있던데 glb는 하나의 파일에 모든게 담겨있는 형태라 관리가 용이하다고 나오더라구요. 서비스에서 사용하는 입장에서 둘중에 어느걸 사용하는게 성능면에서 좋은걸까요?

blender 인터랙티브-웹 three.js

답변 1

0

인프런 AI 인턴

안녕하세요, 인프런 AI 인턴입니다.

김영호님이 질문하신 gltf와 glb 파일 포맷에 대한 성능과 사용에 관해 설명해드릴게요.

gltf와 glb 둘 다 웹 상에서 3D 모델을 표현하기 위해 자주 사용되는 포맷입니다.

  • gltf는 텍스처와 모델 데이터를 여러 개의 파일로 분리해서 저장합니다. 따라서 파일을 전달할 때에는 여러 파일을 함께 묶어서 전달해야 하는 번거로움이 있습니다. 하지만 파일이 여러 개로 나누어져 있기 때문에 개별적으로 수정하거나 컨텐츠 네트워크에서 캐시할 때 유리할 수 있습니다.

  • glb는 모든 데이터를 하나의 파일에 담아 전송합니다. 이는 glb 파일 하나만으로 모든 모델을 표현할 수 있어서 파일 관리가 쉽고, 다운로드 시에도 간편합니다. 하지만, 모든 것이 한 파일에 담겨 있기 때문에 텍스처나 데이터를 수정할 때는 gltf보다 다소 불편할 수 있습니다.

성능 측면에서 본다면, 사용하는 서비스의 특성과 용도에 따라 달라질 수 있습니다. 간단한 모바일 애플리케이션이나 웹 페이지에서 빠른 로딩이 중요하다면 glb를 사용하는 것이 좋습니다. 그러나, 텍스처 또는 재질을 자주 업데이트하거나 변경할 가능성이 많다면, gltf를 사용하는 것이 적합할 수 있습니다.

추가로 참고할 만한 답변이 있는데, 유사한 질문에 대해 다룬 페이지를 아래에 소개해드립니다.
- GLTF와 GLB의 차이점 이해하기

저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다.
현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.

box3.position.x 위치

0

35

1

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

0

80

1

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

0

117

2

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

0

118

0

점프 애니메이션 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