PRIMA DELLA SPEDIZIONE

Compressione GLB e compatibilità con i visualizzatori

Un'estensione di file GLB non garantisce che ogni applicazione possa caricarne il contenuto. Controlla le estensioni utilizzate dall'output e verifica la tua destinazione.

Abbina le impostazioni al tuo caricatore

CollocamentoRequisito di caricamento
ConservativaSupporto per la quantizzazione della geometria; possono essere utilizzate anche trasformazioni di texture.
Standard/alta MeshoptEXT_meshopt_compression supporto del decodificatore.
Trame KTX2KHR_texture_basisu e un transcodificatore Basis.
Trame WebPEXT_texture_webp e decodifica WebP.

Questi requisiti possono combinarsi. Il pannello dei risultati riporta le informazioni sulla compatibilità per l'output. La nostra anteprima include decodificatori, quindi un'anteprima riuscita non dimostra che la tua applicazione li abbia configurati.

Le preimpostazioni utilizzano la quantizzazione della geometria per impostazione predefinita. Disabilitandolo è possibile rimuovere il requisito di quantizzazione della geometria, ma Meshopt o le texture convertite necessitano comunque dei caricatori corrispondenti. Controlla le estensioni riportate per il risultato effettivo.

Utilizzando Three.js

Configurare un decoder Meshopt tramite GLTFLoader.setMeshoptDecoder() per la geometria compressa. Per KTX2, configurare a KTX2Loader, rileva il supporto del renderer e collegalo tramite setKTX2Loader(). Servi le risorse del transcodificatore corrispondenti con la tua applicazione. Consulta il Documentazione GLTFLoader e Documentazione KTX2Loader per la tua versione

Esempio: l'originale viene caricato, ma l'esportazione del file più piccolo no

Mantieni le texture originali ed esporta la stessa fonte due volte: una volta con Conservativo e una volta con File più piccolo. Se solo il secondo file fallisce nell'applicazione, controlla le estensioni segnalate e l'errore del caricatore prima di modificare le impostazioni della geometria. Questo confronto restringe il problema a un requisito di carico modificato; non dimostra che ogni guasto sia un decodificatore mancante.

Per un risultato EXT_meshopt_compression in Three.js, registrare MeshoptDecoder prima del caricamento. Quindi riprova lo stesso file esportato. La riesportazione con la compressione disattivata rappresenta una soluzione alternativa quando non è possibile modificare la destinazione, al costo di un download potenzialmente più grande.

Esempio: le texture originali funzionano, ma KTX2 fallisce dopo la distribuzione

Mantieni fisse le impostazioni della geometria e confronta le texture originali con KTX2. Per un'applicazione Three.js, verificare che KTX2Loader sia collegato e detectSupport sia eseguito. Esamina le richieste per basi_transcoder.js e basi_transcoder.wasm. Una risposta 404 o una pagina dell'applicazione HTML restituita a tali URL punta alla consegna delle risorse piuttosto che alla qualità della trama.

Testare nuovamente lo stesso output KTX2 dopo aver corretto il caricatore o il percorso della risorsa, anche su un dispositivo mobile di destinazione. Un file caricato nell'anteprima di questo sito ha superato la configurazione di questo visualizzatore; il visualizzatore di produzione deve comunque soddisfare i propri requisiti di caricamento.

Nomi, extras e comportamento della scena

Le tre opzioni di conservazione sono abilitate per impostazione predefinita. Lasciali abilitati quando l'applicazione trova oggetti o materiali per nome o legge extras. Non promettono indici di nodo, gerarchia, esempi di animazione o attributi personalizzati identici. L'ottimizzazione può unire o riorganizzare i dati e modificare la precisione.

Selezione dei test, modifiche dei materiali, riproduzione delle animazioni, morph target e trasformazioni degli oggetti nell'applicazione reale. Preservare extras non è un modo per preservare estensioni personalizzate arbitrarie.

Restrizioni di input

Questo servizio rifiuta l'input compresso Draco, le risorse esterne e le estensioni richieste non supportate. Le estensioni facoltative sconosciute potrebbero essere scartate. Esporta una risorsa GLB non compressa e incorporata dall'applicazione di origine quando necessario.

Per l'elenco delle estensioni del motore e il comportamento di ottimizzazione, vedere documentazione gltfpack a monte. Il servizio Web applica ulteriori limiti di convalida e risorse.

Carica i modelli gltfpack in Three.js →

Apri l'ottimizzatore ↗