glTF(.gltf)ファイルをLoadして表示(Threejs)

やりたいこと

ThreejsやMicrosoftが推奨されているglTF(.gltf)ファイル、.binファイル、テクスチャファイルで分割された３DファイルをThreejsを簡単に読み込みたい。

Blenderでの保存方法は以下のページ

Threejs：　r150

Chrome：　111.0.5563.65

読み込みと表示は.glbと同じコードで読み込めます。

loadObjects(scene,"./dice.glb");

上記で指定している読み込みファイルを指定の.gltfに変更します。

.gltfファイルを保存する際に同時に作成される.binファイルとテクスチャファイルはソースコードの中で指定する必要はありません。

Blenderで.gltfを保存すると.binファイルとテクスチャファイルはが同じフォルダに保存されます。すべての保存されるファイルをサーバーにアップロードする必要があります。

特にテクスチャファイルはもとの.blendと同じフォルダに保存している見逃しやすいので注意しください。