Visualizador GLB — veja arquivos GLB e glTF online

Um arquivo GLB é a forma binária do glTF 2.0: um único arquivo que reúne as malhas, os materiais, as texturas e as animações de um modelo 3D. O Khronos Group publicou o glTF 2.0 em 2017 e, em 2022, ele se tornou uma norma internacional, a ISO/IEC 12113. É por isso que um .glb exportado do Blender, de um gerador de modelos com IA ou de um app de escaneamento 3D abre neste visualizador GLB, em páginas web e na maioria dos motores de jogos.

Um visualizador de .glb só precisa ler o arquivo e desenhá-lo. Editar, retexturizar e exportar para outros formatos são tarefas para um editor 3D.

GLB x glTF: um arquivo ou uma pasta

O mesmo modelo pode ser salvo de duas formas. Um arquivo .gltf é um JSON legível que aponta para arquivos separados: um arquivo .bin com a geometria e uma imagem para cada textura. Um .glb reúne o JSON, os dados binários e as imagens em um único arquivo, mais fácil de mandar por e-mail, enviar para um site e manter organizado.

Por dentro de um GLB: cabeçalho, bloco JSON e bloco binário

O cabeçalho de 12 bytes

Todo GLB começa com as letras glTF, um número de versão e o tamanho total do arquivo. O visualizador confere esses bytes primeiro, e é assim que ele consegue avisar quando um "GLB" na verdade é um FBX ou um arquivo glTF 1.0.

O bloco JSON

Em seguida vem um bloco de JSON que descreve a cena: malhas, materiais, texturas, animações e quantos vértices cada parte tem. O relatório do modelo é lido daqui, então as contagens aparecem antes de qualquer coisa ser desenhada.

O bloco binário

Por último vêm os dados binários: posições dos vértices, normais, quadros-chave das animações e, normalmente, as próprias imagens das texturas, armazenadas como PNG, JPEG, WebP ou KTX2.

Abrir um modelo é metade do trabalho. A outra metade é saber se ele está pronto para o lugar aonde vai: uma página web, um celular, um app de realidade aumentada ou um jogo. Este visualizador GLB lê os números que respondem a essa pergunta.

Vértices, triângulos e malhas

Os triângulos são a medida mais clara de quão pesado é desenhar um modelo. Um modelo de produto para uma página web costuma ficar na casa das dezenas de milhares; uma estátua escaneada pode chegar aos milhões e travar em um celular. Vértices compartilhados por várias partes são contados uma vez só, então o número bate com o que está armazenado no arquivo.

Texturas: para onde vai a maior parte dos bytes

A maioria das pessoas imagina que é a geometria complexa que deixa um GLB grande. Raramente é. A aba "Resumo" mostra uma barra que divide o arquivo em texturas, geometria, animação e o resto, e na maioria dos modelos estáticos a fatia das texturas domina. O exemplo Abacate (Avocado) tem só 682 triângulos, mas pesa 7,73 MB, quase tudo em três imagens de 2048 × 2048.

Medimos 13 arquivos GLB do acervo Khronos glTF Sample Assets com o próprio analisador deste visualizador. Na mediana, as texturas eram 95% do arquivo. Só os personagens animados e um carrinho de brinquedo de 109.000 triângulos eram compostos principalmente de geometria. A tabela abaixo traz os números completos.

Animações e alvos de morph

Arquivos animados listam cada clipe com sua duração. Escolha um clipe, pause, percorra a linha do tempo ou reduza a velocidade para um quarto para conferir um ciclo de caminhada quadro a quadro. Esqueletos e alvos de morph, usados em personagens e expressões faciais, também são contados no relatório.

Extensões de compressão que ele decodifica

Muitos GLBs são comprimidos, e um visualizador que não consegue decodificá-los não mostra absolutamente nada. Este lida com as extensões mais comuns:

• Draco (KHR_draco_mesh_compression) reduz muito a geometria, mas exige um decodificador antes que o modelo possa ser desenhado.
• meshopt (EXT_meshopt_compression) comprime geometria e animação e decodifica muito rápido.
• KTX2 (KHR_texture_basisu) mantém as texturas em um formato pronto para a GPU, que usa menos memória de vídeo.
• WebP (EXT_texture_webp) deixa os arquivos de textura menores, e os navegadores o decodificam nativamente.

Cada decodificador só é baixado quando um arquivo declara a extensão correspondente, então um GLB simples nunca paga esse custo.

Um arquivo .gltf sozinho é só a descrição em JSON. A geometria fica em um arquivo .bin ao lado dele, e as texturas, em arquivos de imagem, muitas vezes dentro de uma pasta textures. Entregue todos eles de uma vez a este visualizador glTF: selecione-os juntos na janela de arquivos ou arraste a pasta inteira para o visualizador.

O visualizador associa cada arquivo ao caminho escrito no .gltf, então a estrutura de pastas é respeitada. Se faltar o .bin, ele informa o nome exato do arquivo em vez de falhar em silêncio. Se faltar uma textura, o modelo abre mesmo assim e os arquivos ausentes são listados, para você saber quais procurar.

Quando um modelo se recusa a carregar, a causa quase sempre é uma destas cinco, e este visualizador GLB diz qual é em vez de mostrar uma tela em branco.

Não é um GLB de verdade

Arquivos FBX, OBJ e STL às vezes são renomeados para .glb na esperança de que isso resolva. Não resolve: os bytes continuam sendo de outro formato. O visualizador lê os primeiros bytes e diz o que o arquivo realmente é, para que você possa exportá-lo de novo como GLB no Blender ou no programa que o criou.

O modelo está preto, cinza ou sem texturas

Um .gltf cujos arquivos de imagem ficaram para trás mostra superfícies lisas, cinza ou brancas. Um modelo que parece preto geralmente precisa de luz: ative "Iluminação de estúdio" na aba "Cena" ou aumente a exposição.

Está minúsculo, enorme ou deitado de lado

O glTF mede em metros, com +Y apontando para cima. Um modelo exportado em milímetros chega 1.000 vezes maior do que deveria, e um modelo construído com outro eixo vertical fica deitado de lado. O visualizador enquadra cada modelo automaticamente para que ele sempre fique à vista; corrija a escala ou o eixo na hora de exportar.

É um arquivo glTF 1.0

Arquivos exportados antes de 2017 podem ser glTF 1.0, que as ferramentas atuais não leem mais. O gltf-pipeline, ferramenta de código aberto da Cesium, consegue atualizar a maioria deles para glTF 2.0.

A página fica lenta ou trava no celular

Os celulares dividem uma quantidade pequena de memória entre o navegador e o chip gráfico. Um escaneamento de 120 MB com texturas 8K pode consumir tudo, e é por isso que o limite nos celulares é de 50 MB. Abra arquivos grandes em um computador ou reduza as texturas antes.

Um visualizador GLB desenha em tempo real, muitos quadros por segundo, usando renderização baseada em física (PBR) e um ambiente de estúdio para os reflexos. O renderizador Cycles do Blender traça raios de luz durante segundos ou minutos por imagem, com sombras suaves e luz rebatendo entre as superfícies. Os materiais são os mesmos; a iluminação, não.

As cores também podem mudar. Este visualizador usa o mapeamento de tons Khronos PBR Neutral, criado para manter fiéis as cores dos produtos, enquanto outras ferramentas podem aplicar um visual cinematográfico. Se um modelo parecer escuro ou claro demais, ajuste a exposição na aba "Cena" em vez de editar os materiais dele.

O botão da câmera salva exatamente o que você vê como uma imagem PNG. Escolha 1×, 2× ou 4× o tamanho do visualizador para ter uma imagem nítida em telas de alta resolução e marque "Fundo transparente" para tirar o cenário de estúdio. A sombra suave no chão continua, então o modelo fica natural sobre qualquer cor de página.

Isso faz deste visualizador GLB um jeito rápido de transformar um GLB em PNG para um anúncio de produto, um documento, uma miniatura ou um portfólio. Para deixar a imagem mais leve depois, comprima o PNG ou converta-o para WebP, e redimensione-o para as dimensões exatas que um site exige.

Neste, sim. O arquivo é lido e renderizado dentro da aba do navegador; ele nunca é enviado e nada sobre ele é armazenado. Mesmo um .gltf que aponte para endereços de texturas em outro site não tem permissão para buscá-las, então abrir um modelo não dispara nenhuma requisição em nome dele.

Os únicos downloads extras são os componentes do próprio visualizador: o motor 3D e, quando um arquivo comprimido precisa, o decodificador Draco ou KTX2. Eles são código de programa, idênticos para todo mundo, e não contêm nada seu. Você mesmo pode conferir isso nas ferramentas de desenvolvedor do navegador, na aba Rede, enquanto um modelo abre.