12周年記念パーティ開催! 2024/5/10(金) 19:00

glTF入門

全4回

WebGLやOpenGLをはじめとする、3Dランタイム向けのファイル形式であるglTFの仕様やその利用方法を学びます。

最終回 Draco圧縮したglTFを表示する

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

第3回 アニメーションつきのglTFを表示する

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

第2回 glTFをWebブラウザで表示する

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

第1回 glTFの仕様とその出力方法

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