入門
glTF入門
4

3Dスキャンされたモデルファイルなど、容量が大きくなりがちなファイルをglTFに出力してDraco圧縮してみましょう。three.js上で展開して表示することができます。

小山田 晃浩
小山田 晃浩 | フロントエンド・エンジニア

アニメーションが付与された3DモデルをglTFで出力し、three.jsで表示してみましょう。スケルタルアニメーション、モーフアニメーションの例を紹介します。

小山田 晃浩
小山田 晃浩 | フロントエンド・エンジニア

出力されたglTFファイルを、WebGLライブラリを利用してWebアプリケーションに表示する方法を見てみましょう。three.jsとbabylon.jsの場合を解説します。

小山田 晃浩
小山田 晃浩 | フロントエンド・エンジニア

glTFは、WebGLやOpenGLをはじめとする、3Dランタイム向けのファイル形式です。まずはその仕様を学び、用意されたサンプルをglTFに出力する手順を見てみましょう。

小山田 晃浩
小山田 晃浩 | フロントエンド・エンジニア