inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

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

다운로드 받은 파일 활용하기

glb를 사용하는 특별한 이유가 있을까요?

7834

이지현

작성한 질문수 1

0

일반적으로 모델링 자료를 공유할 떄는 fbx나 obj를 많이 사용하곤해서 익숙합니다.
 
glb 파일을 사용하는 이유는 텍스쳐를 따로 저장하지 않고 한번에 묶여서 저장되기 때문에 glb를 사용하는걸까요?

Three.js blender 인터랙티브-웹

답변 13

1

1분코딩

fbx나 obj도 three.js에 각각의 로더가 존재하고, 사용이 가능하답니다(저는 사용해보지 않았지만요^^;)
gltf/glb가 웹에서 3D를 표현하는 표준 모델 포맷이 되어 많이 사용되는 추세라고 하네요.

https://threejs.org/docs/#manual/ko/introduction/Loading-3D-models
위 페이지를 한번 읽어보셔도 도움이 될 것 같습니다^^

0

williamcarter000980

fbx나 obj도 three.js에 각각의 로더가 존재하고удаление водяного знака с видео

0

wei z

GLB(또는 glTF) 파일 형식을 웹 3D 및 Three.js 프로젝트에서 주로 사용하는 핵심 이유는 다음과 같습니다.

  1. 에셋 바이너리 패키징 (Single-File Packaging) OBJ나 FBX와 달리 3D 메시(Mesh), 재질(Material), 텍스처 이미지, 애니메이션 데이터까지 하나의 바이너리 파일(.glb)로 모두 패키징할 수 있습니다. 이로 인해 텍스처 경로가 유실되거나 누락될 위험이 없습니다.

  2. 웹 표준 및 로딩 효율성 (Web-Optimized) glTF/GLB는 '3D계의 JPEG'를 목표로 만들어진 웹 표준 파이프라인 포맷입니다. 텍스트 형태인 JSON 구조와 바이너리 데이터가 결합되어 있어, 브라우저에서 별도의 복잡한 파싱 과정 없이 GPU 메모리로 직접 데이터를 로드할 수 있어 렌더링 속도가 매우 빠릅니다.

  3. 용량 압축 (Optimization & Compression) Draco 압축이나 KTX2 텍스처 압축 기술을 쉽게 적용할 수 있어 파일 용량을 크게 줄일 수 있습니다. 네트워크 트래픽 절감이 필수적인 웹 환경에 최적화되어 있습니다.


추가적인 3D 템플릿 및 관련 리소스 정보는 roblox piano sheets에서 확인하실 수 있으며, 미디어 작업 시 음성 추출이나 자막 변환이 필요한 경우 Transcribe Audio to Text과 같은 도구를 함께 활용해 보시는 것도 추천합니다.  


0

nig.httopss

glb reduces the risk of missing textures across environments and can load faster in many cases, well-optimized platforms like Drift Boss often take advantage of efficient packaging like this.

0

Emily Trantow

Interesting question! I'm curious about the choice of glb format as well. While FBX and OBJ are common for model sharing, perhaps glb simplifies things by bundling textures directly, eliminating external dependencies. It reminds me of how streamlined block blast is – easy to pick up and play without complicated setups. Maybe that's the advantage?

 

0

zeroth.hawk.gwbh

That's a great question about using GLB! I've also primarily worked with FBX and OBJ in the past. You're right, the embedded textures in GLB files definitely streamline things. It makes sharing and loading models much easier, especially for web projects. It's really helpful when you just want something simple and ready to go. By the way, if you need any quick models to practice with, check out what the Football Bros are doing; they often share resources!


0

963charming

Interesting question! While GLB is widely supported, consider its file size impact, especially for detailed models. Optimization techniques are crucial for web performance. Perhaps using Draco compression within the GLB would help. For faster loading, explore using progressive loading and levels of detail (LOD). Speaking of fun optimizations, I found a neat trick while playing Uno Online – streamlining your strategy yields better results! Any thoughts on using KTX2 textures for further efficiency?


0

Kimi Norris

네, 맞습니다! glb 파일을 사용하는 주요 이유는 텍스처와 모델 데이터를 하나의 파일에 묶어서 저장할 수 있기 때문입니다. 이로 인해 파일 관리가 용이하고, 파일을 전달하거나 로딩할 scary teacher 때 효율성이 높아집니다. glb는 gltf(GL Transmission Format)의 바이너리 형식으로, 모델, 텍스처, 애니메이션, 재질 등의 데이터가 모두 포함되어 있어 별도의 외부 파일 없이 한 번에 로딩할 수 있습니다. 이러한 특성 덕분에 특히 웹에서 3D 모델을 효율적으로 처리하고 공유하는 데 유리합니다.

0

Mahzong

Thank you for sharing your info. I really appreciate your efforts and I am waiting for your further post thank you once again. Also visit my website: https://majan.jp/

0

freelearninggames

elen Dank, dass Sie Ihre Informationen geteilt haben. Ich schätze Ihre Bemühungen wirklich sehr und freue mich auf Ihren nächsten Beitrag, danke nochmals. Besuchen Sie auch meine Website: https://4b1w.com/

0

wordle

elen Dank, dass Sie Ihre Informationen geteilt haben. Ich schätze Ihre Bemühungen wirklich sehr und freue mich auf Ihren nächsten Beitrag, danke nochmals. Besuchen Sie auch meine Website: https://wordle-deutsch.com/

-1

Mabel Scott

it's a file format that supports motion and animation, which is why it is commonly used in web applications, games, virtual...

 

rolling ball 3d

-1

margotcantrell19

glb를 사용하는 쉬운 방법이 있습니까?

dinosaur game

0

Renato Cindori

b를 사용하는 쉬운 방법이 있습 dinosaur games

rotation.x 방향

0

47

1

CDN으로 수업을 들을경우

0

41

1

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

0

125

1

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

0

156

2

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

0

141

0

gltf 포맷 사용

0

273

1

점프 애니메이션 stop

0

165

2

사양에 따른 다른 결과

0

137

1

중복 질문 삭제

0

185

1

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

0

150

1

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

0

141

2

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

0

210

1

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

0

95

0

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

0

170

1

setAnimationLoop 위치가...

0

128

1

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

0

170

1

블렌더 texture paint 시 미러모드

0

193

0

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

0

123

1

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

0

1088

2

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

0

384

2

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

0

436

1

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

0

262

1

live server와 localhost:8080

0

377

1

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

0

290

1