Convertire OBJ in GLB

Nessun browser legge OBJ, e nessuno legge GLB nativamente in un tag immagine — un .glb navigato direttamente si scarica invece di renderizzare. Ciò che cambia è l’ecosistema delle librerie.

three.js, Babylon.js e il componente model-viewer prendono tutti un GLB come input primario e lo caricano in una sola richiesta, mentre il supporto OBJ è un caricatore secondario che serve anche l’MTL e ogni texture separatamente.

Un file OBJ non ha materiali dentro. Ha una riga mtllib che nomina un file .mtl accanto, e questo convertitore legge righe v, o, g e f e ignora il resto.

La conseguenza è chiara: il vostro GLB contiene geometria e nomi di gruppo, e il visualizzatore disegna con il materiale predefinito. Se il modello doveva mostrare le sue texture, la strada è Blender.

Il lettore inizia un nuovo gruppo a ogni riga o g, e lo scrittore emette una mesh glTF per gruppo, ciascuna in un nodo proprio. Un OBJ esportato da CAD con centinaia di gruppi produce centinaia di mesh.

Su una pagina questo è un costo reale: ogni primitiva è una draw call separata. Unire gli oggetti in Blender prima di esportare l’OBJ è una correzione da due minuti che vale più di quasi tutto il resto.

Nessun attributo NORMAL viene scritto. La specifica glTF è esplicita su cosa deve fare allora un visualizzatore: calcolare normali piatte per faccia.

Una sfera che sembrava liscia nel vostro software di modellazione appare nel browser con ogni triangolo visibile come una faccetta distinta. In three.js, chiamare computeVertexNormals sulla geometria caricata risolve.

glTF è mancino, asse Y in alto, e la sua unità lineare è il metro. OBJ non fissa nessuno dei due: è una lista di numeri senza intestazione, nessuna unità, nessuna convenzione di assi.

Nessuna conversione viene applicata qui, quindi un OBJ con asse Z in alto produce un GLB che giace sul dorso, e un OBJ con unità in centimetri produce un GLB alto duecento metri.

Facce con più di tre vertici vengono triangolate a ventaglio dal primo vertice, corretto per quadrilateri convessi e capace di produrre triangoli sovrapposti su una faccia concava.

Le posizioni vengono poi saldate: abbinate a sei decimali, così una coordinata che compare in venti triangoli è memorizzata una volta e referenziata venti volte.

Dodici byte per vertice per le posizioni e dodici byte per triangolo per gli indici, più una piccola intestazione JSON. Un modello da 200.000 triangoli è quindi circa 3,6 MB, senza nulla compresso.

Se quel numero è troppo grande per la pagina, le risposte sono a monte e a valle: decimate la mesh in Blender o MeshLab prima, ed eseguite gltf-transform dopo per la compressione Draco o meshopt.

Se il modello ha bisogno delle sue texture, convertitelo tramite Blender. Se ha mezzo milione di triangoli, decimate prima di convertire. Se lo volete liscio, occupatevi delle normali nel visualizzatore.

Questo percorso funziona entirely nel vostro browser, senza motore da scaricare e un tetto di 100 MB, e produce un file che ogni visualizzatore web attuale accetta.