Visor GLB: ver archivos GLB y glTF online

Un archivo GLB es la forma binaria de glTF 2.0: un único archivo que reúne las mallas, los materiales, las texturas y las animaciones de un modelo 3D. El Khronos Group publicó glTF 2.0 en 2017, y en 2022 se convirtió en norma internacional, la ISO/IEC 12113. Por eso un .glb creado en Blender, en un generador de modelos con IA o en una app de escaneo 3D se abre en este visor GLB, en páginas web y en la mayoría de los motores de juego.

Un visor de .glb solo necesita leer el archivo y dibujarlo. Editar, cambiar texturas y exportar a otros formatos es trabajo de un editor 3D.

GLB frente a glTF: un archivo o una carpeta

El mismo modelo se puede guardar de dos formas. Un archivo .gltf es JSON legible que apunta a archivos separados: un archivo .bin con la geometría y una imagen por cada textura. Un .glb reúne el JSON, los datos binarios y las imágenes en un solo archivo, más fácil de enviar por correo, subir y mantener junto.

Dentro de un GLB: cabecera, bloque JSON y bloque binario

La cabecera de 12 bytes

Todo GLB empieza con las letras glTF, un número de versión y la longitud total del archivo. El visor comprueba primero estos bytes, y así puede avisarte cuando un «GLB» es en realidad un FBX o un archivo glTF 1.0.

El bloque JSON

A continuación viene un bloque de JSON que describe la escena: mallas, materiales, texturas, animaciones y cuántos vértices tiene cada parte. El informe del modelo se lee de aquí, así que los recuentos aparecen antes de que se dibuje nada.

El bloque binario

Por último vienen los datos binarios: posiciones de los vértices, normales, fotogramas clave de las animaciones y, normalmente, las propias imágenes de textura, guardadas como PNG, JPEG, WebP o KTX2.

Abrir un modelo es la mitad del trabajo. La otra mitad es saber si está listo para su destino: una página web, un móvil, una app de realidad aumentada o un juego. Este visor GLB lee las cifras que responden a esa pregunta.

Vértices, triángulos y mallas

Los triángulos son la medida más clara de lo pesado que resulta dibujar un modelo. Un modelo de producto para una página web suele quedarse en decenas de miles; una estatua escaneada puede llegar a millones y dar tirones en un móvil. Los vértices que comparten varias partes se cuentan una sola vez, así que la cifra coincide con lo que hay guardado en el archivo.

Texturas: donde se va la mayor parte de los bytes

Casi todo el mundo cree que lo que hace pesado un GLB es una geometría compleja. Rara vez es así. La pestaña Datos muestra una barra que divide el archivo en texturas, geometría, animación y el resto, y en la mayoría de los modelos estáticos predominan las texturas. El ejemplo Aguacate (Avocado) tiene solo 682 triángulos pero pesa 7,73 MB, casi todo en tres imágenes de 2048 × 2048.

Medimos 13 archivos GLB de los Khronos glTF Sample Assets con el propio analizador de este visor. Las texturas suponían una mediana del 95% del archivo. Solo los personajes animados y un coche de juguete de 109.000 triángulos eran sobre todo geometría. La tabla de abajo recoge las cifras completas.

Animaciones y objetivos morph

Los archivos animados muestran cada clip con su duración. Elige un clip, ponlo en pausa, recorre la línea de tiempo o reduce la velocidad a una cuarta parte para revisar un ciclo de paso fotograma a fotograma. Los esqueletos (skins) y los objetivos morph, que se usan en personajes y expresiones faciales, también se cuentan en el informe.

Extensiones de compresión que decodifica

Muchos GLB vienen comprimidos, y un visor que no sabe decodificarlos no muestra absolutamente nada. Este admite las extensiones más comunes:

• Draco (KHR_draco_mesh_compression) reduce mucho la geometría, pero necesita un decodificador antes de poder dibujar el modelo.
• meshopt (EXT_meshopt_compression) comprime la geometría y la animación, y se decodifica muy rápido.
• KTX2 (KHR_texture_basisu) mantiene las texturas en un formato listo para la GPU que ocupa menos memoria de vídeo.
• WebP (EXT_texture_webp) reduce el tamaño de los archivos de textura, y los navegadores lo decodifican de forma nativa.

Cada decodificador se descarga solo cuando un archivo declara su extensión, así que un GLB sin comprimir nunca paga ese coste.

Un archivo .gltf por sí solo es únicamente la descripción en JSON. La geometría está en un archivo .bin a su lado, y las texturas en archivos de imagen, a menudo dentro de una carpeta textures. Dale a este visor glTF todos a la vez: selecciónalos juntos en el cuadro de diálogo de archivos o arrastra la carpeta completa al visor.

El visor asocia cada archivo con la ruta escrita en el .gltf, así que se respeta la estructura de carpetas. Si falta el .bin, te dice su nombre exacto en lugar de fallar sin avisar. Si falta una textura, el modelo se abre igualmente y se listan los archivos que faltan, para que sepas cuáles buscar.

Cuando un modelo no carga, la causa casi siempre es una de estas cinco, y este visor GLB te la indica en lugar de mostrar una pantalla en blanco.

En realidad no es un GLB

A veces se cambia a .glb la extensión de archivos FBX, OBJ o STL con la esperanza de que funcionen. No sirve de nada: los bytes siguen siendo de otro formato. El visor lee los primeros bytes y te dice qué es realmente el archivo, para que puedas exportarlo de nuevo como GLB desde Blender o desde el programa con el que se creó.

El modelo sale negro, gris o sin texturas

Un .gltf cuyas imágenes se quedaron por el camino muestra superficies lisas, grises o blancas. Un modelo que se ve negro suele necesitar luz: activa Iluminación de estudio en la pestaña Escena o sube la exposición.

Es diminuto, enorme o está tumbado

glTF mide en metros, con +Y hacia arriba. Un modelo exportado en milímetros llega 1.000 veces más grande de lo debido, y uno creado con otro eje vertical aparece tumbado. El visor encuadra cada modelo automáticamente para que siempre quede a la vista; corrige la escala o el eje al exportar.

Es un archivo glTF 1.0

Los archivos exportados antes de 2017 pueden ser glTF 1.0, que las herramientas actuales ya no leen. gltf-pipeline, la herramienta de código abierto de Cesium, puede actualizar la mayoría a glTF 2.0.

La página va lenta o se bloquea en el móvil

Los móviles reparten una cantidad pequeña de memoria entre el navegador y el chip gráfico. Un escaneo de 120 MB con texturas 8K puede agotarla; por eso el límite en móviles es de 50 MB. Abre los archivos grandes en un ordenador o reduce antes las texturas.

Un visor GLB dibuja en tiempo real, muchos fotogramas por segundo, con renderizado basado en la física y un entorno de estudio para los reflejos. El motor Cycles de Blender traza rayos de luz durante segundos o minutos por imagen, con sombras suaves y luz que rebota entre las superficies. Los materiales son los mismos; la iluminación, no.

El color también puede variar. Este visor usa el mapeo de tonos Khronos PBR Neutral, pensado para mantener fieles los colores de los productos, mientras que otras herramientas pueden aplicar un aspecto cinematográfico. Si un modelo se ve demasiado oscuro o demasiado claro, ajusta la exposición en la pestaña Escena en lugar de editar sus materiales.

El botón de la cámara guarda exactamente lo que ves como imagen PNG. Elige 1×, 2× o 4× el tamaño del visor para obtener una imagen nítida en pantallas de alta resolución, y marca Fondo transparente para quitar el fondo de estudio. La sombra suave del suelo se mantiene, así que el modelo se asienta con naturalidad sobre cualquier color de página.

Eso convierte este visor GLB en una forma rápida de pasar un GLB a PNG para la ficha de un producto, un documento, una miniatura o un portafolio. Para aligerar la imagen después, comprime el PNG o conviértelo a WebP, y redimensiónalo a las dimensiones exactas que pida el sitio.

Con este, sí. El archivo se lee y se renderiza dentro de la pestaña de tu navegador; nunca se sube y no se guarda nada sobre él. Aunque un .gltf apunte a direcciones de texturas en otro sitio web, el visor no le deja descargarlas, así que abrir un modelo no envía ninguna petición en su nombre.

Las únicas descargas adicionales son los componentes del propio visor: el motor 3D y, cuando un archivo comprimido lo necesita, el decodificador de Draco o de KTX2. Son código del programa, idéntico para todo el mundo, y no contienen nada tuyo. Puedes comprobarlo tú mismo en las herramientas para desarrolladores del navegador, en la pestaña Red, mientras se abre un modelo.