Apresentando Ferramentas de otimização de assets glTF

Apresentação

Bacharel Engenharia da Computação

Estácio-IESAM

Thayana Corrêa Mamore

Criação e Exibição de animações 3D de computação gráfica no navegador web

Os formatos de modelo OBJ (.obj) e glTF (.gltf e .glb) são suportados atualmente.

A geometria em um modelo glTF pode ser comprimido usando a biblioteca Draco.

Ferramenta de linha de comandos de Node.js. para otimizar assets glTF

Converte glTF para glb (e vice-versa)
Extrai buffers/texturas como arquivos incorporados ou separados
Converte modelos glTF 1.0 para glTF 2.0 (usando as extensões KHR_techniques_webgl e KHR_blend)
Aplica a compressão Draco

npm install -g gltf-pipeline

Obs.: Precisa ter Node.js instalado

https://nodejs.org/en/

Convertendo um glTF em glb

gltf-pipeline -i model.gltf -o model.glb

Convertendo um glb em glTF

gltf-pipeline -i model.glb -o model.gltf

Convertendo um glTF em Draco glTF

gltf-pipeline -i model.gltf -o modelDraco.gltf -d

Salvando Texturas Separadas

gltf-pipeline -i model.gltf -t

Propriedade	Descrição	Valor padrão
dracoDecoderPath	Caminho para as bibliotecas de decodificadores Draco.	"

https://github.com/mrdoob/three.js/tree/master/examples/js/libs/draco/gltf

https://github.com/thauska/davinci500anos

https://threejs.org/
https://aframe.io/docs/0.9.0/components/gltf-model.html
https://nodejs.org/en/
https://github.com/AnalyticalGraphicsInc/gltf-pipeline
https://google.github.io/draco/
https://gltf-viewer.donmccurdy.com
https://opensource.googleblog.com/2017/01/introducing-draco-compression-for-3d.html