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

Three.js

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

“JPEG do 3D”

GL Transmission Format 

A-Frame

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

90 - 95%

glTF-pipeline 

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

Usando o gltf-pipeline como uma ferramenta de linha de comando

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.

"

A-Frame

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

SHOWCASE

https://github.com/thauska/davinci500anos

  • Sketchfab

  • Poly

  • Kenney

  • Quaternius

  • Archive3D

  • TurboSquid

  • Clara

  • Free3D

  • CadNav

  • Sketchup’s 3D Warehouse

  • NASA 3D Models

  • Sweet Home 3D

  • 3DEXPORT

Bibliotecas de Modelos 3D GRATUITOS

Referências

  • 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

Apresentando Ferramentas de otimização de assets glTF

By Thayana Mamoré

Made with Slides.com

Apresentando Ferramentas de otimização de assets glTF

Palestra efetuada no 7º Meetup Vue Norte na Unama em Belém-Pará

  • 315

More from Thayana Mamoré