wam
w__am 개발노트
wam
  • 분류 전체보기 (165)
    • CS 지식 (10)
      • 자료구조 (0)
      • 알고리즘 (0)
      • 컴퓨터 구조 (0)
      • 운영체제 (0)
      • 네트워크 (7)
      • 데이터베이스 (0)
      • 디자인 패턴 (3)
    • Frontend (131)
      • Three.js (64)
      • NPM (1)
      • Nest.js (19)
      • React (10)
      • Apollo (7)
      • TypeScript (2)
      • JavaScript (12)
      • HTML, CSS (1)
      • Jest (3)
      • E2E (5)
      • Cypress (7)
    • Database (12)
      • TypeORM (12)
    • IT 지식 (8)
      • 클라우드 서비스 (3)
      • 네트워크 (1)
      • 데이터 포맷 (2)
      • 기타 (2)
    • IT Book (2)
    • 유용한 사이트 (1)

블로그 메뉴

  • 홈
  • 태그
  • 방명록
  • 🐱 Github

인기 글

태그

  • 디자인 패턴
  • 스코프
  • 초기 환경설정
  • threejs 개발 할 때 도움을 줄 수 있는 유틸리티
  • API
  • Interface
  • joi 에러
  • 함수의 범위
  • math.cos()
  • 원형적인 움직임
  • 함수 리터럴
  • 함수 표현식
  • 오프-프레미스(off-premise) 방식
  • getelapsedtime()
  • react 성능 최적화
  • isabstract
  • 데이터 포맷
  • axeshelper
  • mapped types
  • three.js 구성 요소
  • getdelta()
  • reactive variables
  • gridhelper
  • type-graphql
  • 함수 선언문
  • math.sin()
  • e.preventdefault()
  • Decorators
  • 렌더링 성능 최적화
  • 삼각함수

최근 글

관리자

글쓰기 / 스킨편집 / 관리자페이지
hELLO · Designed By 정상우.
wam
Frontend/Three.js

glTF, 3D 모델과 장면을 경량화하고 빠르게 전송·렌더링하기 위한 표준 파일 포맷

glTF, 3D 모델과 장면을 경량화하고 빠르게 전송·렌더링하기 위한 표준 파일 포맷
Frontend/Three.js

glTF, 3D 모델과 장면을 경량화하고 빠르게 전송·렌더링하기 위한 표준 파일 포맷

2024. 11. 26. 15:00

 

glTF

  • 3D 모델과 장면(scene)을 효율적으로 저장하고 전송하기 위해 Khronos Group에서 만든 파일 포맷이다.
  • 주로 3D 그래픽 애플리케이션, 게임 엔진, 웹 애플리케이션에서 사용된다.
  • glTF는 "3D 모델의 JPEG"라고도 불리며, 경량성과 로딩 속도 최적화가 특징이다.
  • glTF는 모델 데이터를 최소한의 용량으로 저장해 전송 시간을 단축하고, 디바이스 메모리를 절약한다.

 

 

표준화된 포맷

이 포맷은 JSON 기반의 텍스트 포맷과 이진 데이터인 .glb 포맷을 제공한다.

  • .gltf
    • JSON 기반 텍스트 포맷.
    • 모델 데이터와 리소스를 외부에서 참조.
  • .glb
    • 바이너리 포맷.
    • 모든 데이터를 단일 파일에 포함.

 

 

크로스 플랫폼

다양한 환경에서 동일하게 작동하며, WebGL, Three.js, Babylon.js 같은 라이브러리와 호환된다.

 

 

저작자표시 변경금지 (새창열림)

'Frontend > Three.js' 카테고리의 다른 글

[Blender] 마우스/트랙패드 컨트롤  (0) 2024.11.26
[Blender] 다운로드 및 패널 추가/삭제  (0) 2024.11.26
Raycaster, 드래그 클릭 방지  (0) 2024.11.25
Raycaster, 클릭한 Mesh 감지하기  (0) 2024.11.14
Raycaster, 특정 방향의 광선(Ray)에 맞은 Mesh 판별하기  (0) 2024.11.12
  • glTF
  • 표준화된 포맷
  • 크로스 플랫폼
'Frontend/Three.js' 카테고리의 다른 글
  • [Blender] 마우스/트랙패드 컨트롤
  • [Blender] 다운로드 및 패널 추가/삭제
  • Raycaster, 드래그 클릭 방지
  • Raycaster, 클릭한 Mesh 감지하기
wam
wam

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.