発送前に

GLB 圧縮とビューアの互換性

GLB ファイル拡張子は、すべてのアプリケーションがそのコンテンツをロードできることを保証するものではありません。出力で使用されている拡張子を確認し、宛先をテストします。

設定をローダーに合わせます

設定積載要件
控えめジオメトリ量子化のサポート。テクスチャ変換も使用できます。
標準/高 MeshoptEXT_meshopt_compression デコーダのサポート。
KTX2 テクスチャKHR_texture_basisu そしてBasisトランスコーダー。
WebP テクスチャEXT_texture_webp および WebP デコード。

これらの要件は組み合わせることができます。結果パネルには、出力の互換性情報が報告されます。当社のプレビューにはデコーダーが含まれているため、プレビューが成功しても、独自のアプリケーションにデコーダーが設定されていることは証明されません。

プリセットはデフォルトでジオメトリ量子化を使用します。これを無効にするとジオメトリの量子化要件を削除できますが、Meshopt または変換されたテクスチャには対応するローダーが引き続き必要です。実際の結果については、報告された拡張子を確認してください。

Three.js の使用

Meshopt デコーダを設定します。 GLTFLoader.setMeshoptDecoder() 圧縮されたジオメトリ用。 KTX2 の場合、 KTX2Loader、レンダラーのサポートを検出し、それを介してアタッチします setKTX2Loader()。アプリケーションに一致するトランスコーダー アセットを提供します。に相談してください。 GLTFLoader ドキュメント と KTX2Loader ドキュメント あなたのバージョンに合わせて。

例: オリジナルはロードされますが、小さいファイルはエクスポートされません

オリジナルのテクスチャを保持し、同じソースを 2 回エクスポートします。1 回目は Conservative で、もう 1 回は小さいファイルでエクスポートします。アプリケーションで 2 番目のファイルのみが失敗する場合は、ジオメトリ設定を変更する前に、報告された拡張子とローダー エラーを確認してください。この比較により、変更された負荷要件に問題が絞り込まれます。すべての障害がデコーダの欠落によるものであることを証明するものではありません。

EXT_meshopt_compression の結果が Three.js になる場合は、ロードする前に MeshoptDecoder を登録します。次に、同じエクスポートされたファイルを再試行します。圧縮をオフにして再エクスポートすると、宛先を変更できない場合のフォールバックになりますが、ダウンロードのサイズが大きくなる可能性があります。

例: 元のテクスチャは機能しますが、展開後に KTX2 が失敗します

ジオメトリ設定を固定したままにして、元のテクスチャを KTX2 と比較します。 Three.js アプリケーションの場合は、KTX2Loader が接続されており、detectSupport が実行されていることを確認してください。 Basic_transcoder.js と Basic_transcoder.wasm のリクエストを検査します。 404 応答、またはこれらの URL で返される HTML アプリケーション ページは、テクスチャの品質ではなくアセットの配信を示しています。

ローダーまたはアセット パス (ターゲット モバイル デバイスを含む) を修正した後、同じ KTX2 出力を再テストします。このサイトのプレビューに読み込まれるファイルは、このビューアの設定を通過しました。実稼働ビューアは、独自の読み込み要件を満たしている必要があります。

名前、extras、およびシーンの動作

3 つの保存切り替えはデフォルトで有効になっています。アプリケーションがオブジェクトやマテリアルを名前で検索する場合、または extras を読み取る場合は、有効なままにしておきます。これらは、同一のノード インデックス、階層、アニメーション サンプル、またはカスタム属性を保証するものではありません。最適化によりデータをマージまたは再編成し、精度を変更できます。

実際のアプリケーションで選択、マテリアルの変更、アニメーションの再生、モーフ ターゲット、オブジェクトの変換をテストします。 extras の保持は、任意のカスタム拡張機能を保持する方法ではありません。

入力制限

このサービスは、Draco 圧縮された入力、外部リソース、およびサポートされていない必須拡張子を拒否します。不明なオプションの拡張子は破棄される可能性があります。必要に応じて、ソース アプリケーションから非圧縮の埋め込みリソース GLB をエクスポートします。

エンジンの拡張リストと最適化動作については、を参照してください。 アップストリーム gltfpack ドキュメント。 Web サービスは追加の検証とリソース制限を適用します。

gltfpack モデルを Three.js にロードします →

オプティマイザを開きます ↗