やりたいこと
ThreejsやMicrosoftが推奨されているglTF(.gltf)ファイル、.binファイル、テクスチャファイルで分割された3DファイルをThreejsを簡単に読み込みたい。
Blenderでの保存方法は以下のページ
環境
Threejs: r150
Chrome: 111.0.5563.65
読み込みと表示
読み込みと表示は.glbと同じコードで読み込めます。
loadObjects(scene,"./dice.glb");
上記で指定している読み込みファイルを指定の.gltfに変更します。
.gltfファイルを保存する際に同時に作成される.binファイルとテクスチャファイルはソースコードの中で指定する必要はありません。
Blenderで.gltfを保存すると.binファイルとテクスチャファイルはが同じフォルダに保存されます。すべての保存されるファイルをサーバーにアップロードする必要があります。
特にテクスチャファイルはもとの.blendと同じフォルダに保存している見逃しやすいので注意しください。
コメント