3Dグラフィックスの標準化団体であるKhronos Groupは、リアルタイム3Dアセットの業界標準フォーマットである「glTF」の開発者エコシステムを支える2つの重要なウェブサイトをリニューアルしたことを発表しました。
以下、新しくなった「glTF Sample Assets」リポジトリのフロントエンドと、「glTF Render Fidelity Comparison」サイトの詳細となります。
glTF Sample Assets:よりモダンで検索しやすくなったサンプル群
「glTF Sample Assets」は、glTF の最新機能や高度な表現を紹介するために厳選された、高品質モデルの公式コレクション(GitHub リポジトリ)です。開発者やアーティスト、ツール制作者にとって、ベストプラクティスを学んだり、ツールの挙動を検証したりする際の中心的なリファレンスとして活用されています。
近年は、Eric Chadwick氏によるショーケース向けの高品質モデル(ヒーローアセット)が追加されるなど、アセットの数も種類も大きく増えてきました。今回のアップデートでは、強力なウェブフロントエンドが新たに整備され、これらのアセットをより簡単に閲覧・検索できるようになっています。

主な特徴
- 視覚的なブラウジングと快適なUI: すべてのアセットのサムネイルがレンダリングされ、アニメーション付きのモデルには小さなプレビューアニメーションが表示されます。また、サイト全体が高速に読み込まれ、ライト/ダークテーマの切り替えやスムーズなナビゲーションに対応しています。
- 高度な検索とフィルタリング: タグ、使用されている拡張機能、キーワードによる検索が可能です。例えば、最新のglTF 2.0機能を使ったモデルを探すための showcase タグや、特定の拡張機能(例: pbrSpecularGlossiness)を含むモデルだけを素早く絞り込むことができます。
- 充実したモデル詳細ページ:
- Khronos公式の「glTF Sample Renderer」(すべての公式KHR拡張をサポート)を使用した、インタラクティブな3Dプレビューパネルを搭載。
- マテリアルのプロパティを確認できる「デバッグ可視化モード」。
- 複数のバリエーションを持つモデルのための「バリアント選択機能」。
- WEBGL_polygon_mode 拡張が利用可能な環境での「ワイヤーフレーム表示」。
- プレビュー下部には、詳細なアセットデータと外部ツールへのリンクを配置。
- 画面右側には、YouTubeのようなスタイルで関連アセットや他のモデルを提案する「おすすめリスト」を表示。

glTF Render Fidelity Comparison:多様なレンダラーでの見え方を精緻に比較
もう一つの大きなアップデートが「glTF Render Fidelity Comparison(レンダリング忠実度比較)」サイトです。
glTF は本来、どのプラットフォームでも一貫した描画結果を得ることを目指していますが、エンジンごとの設計方針や対応している拡張機能の違い、さらには実装上のバグなどによって、表示結果が異なることがあります。
このサイトでは、Babylon.jsやThree.jsといったリアルタイム Web エンジンから、Blender Cycles や V-Ray のようなパストレーシング系の高品質レンダラーまで、さまざまな環境で出力された画像を横並びで比較できるようになっています。比較用の画像は事前にオフラインで生成され、GitHubリポジトリへの Pull Request を通じて提出される仕組みです。これにより、各エンジンの品質評価や glTF の新機能の正確な実装がより進みやすくなっています。
モデルを選ぶと、異なるエンジンでレンダリングされた結果を、次の 3 つのモードで詳しく比較できます。
- Side-by-side comparison (並列比較): 大きな違いを視覚的に素早く確認。
- Slider comparison tool (スライダー比較): 画像の境界をスライダーで動かし、ごくわずかな違いを特定。
- Difference tool (差分表示): 計算機的に算出されたピクセル単位の差異を視覚化。

実験的な「インタラクティブ3D比較モード」の追加
さらに、今回のアップデートでは、実験的な機能としてフルインタラクティブな3D比較モードが搭載されました。 現在、three.js、babylon.js、model-viewer、three-js-path-tracer をサポートしており、2つのリアルタイムレンダラーを並べて、カメラを動かしながら動的にレンダリング結果を比較することができます。
これにより、静止画だけでは分かりにくい描画の不一致や、仕様の解釈の曖昧さなどをより迅速に発見できるようになります。
関連リソースまとめ
- glTF Sample Assets (Webサイト): 新しくなった公式サンプルアセットの閲覧サイト。
- glTF Render Fidelity Comparison (Webサイト): 各レンダラーの描画結果を比較できるサイト。
- glTF Sample Assets (GitHub Repository): アセットの追加やPull Request、Issueの提出先となる公式サンプルリポジトリ。
- glTF Render Fidelity (GitHub Repository): 比較画像の提出先となるリポジトリ(画像の生成・追加ガイドラインを含む)。
コミュニティへの参加とコントリビューションの呼びかけ
Khronos Groupは、両サイトへのコミュニティからの貢献を強く推奨しています。 特に、現在の仕様やツールの課題を浮き彫りにするようなサンプルアセットの提供や、自身のエンジンによるレンダリング結果の追加(GitHubへのPull Request経由)は、エコシステム全体の品質向上に直結します。サイトはソースから自動的にビルドされるため、追加したレンダリング結果などの変更は即座に反映されます。
フィードバックや機能要望は、各リポジトリのGitHub Issueにて受け付けています。さらに、Khronosのメンバーとなり、「3D Formats Working Group」に参加して、glTFの拡張機能やツールの開発に直接携わることも歓迎されています。
Khronos Upgrades glTF Sample Assets and Render Fidelity Comparison Websites (Khronos Blog)
























コメント