Threejs(Java script)glTF(.gltf)ファイルをLoadして表示(Threejs)
やりたいこと ThreejsやMicrosoftが推奨されているglTF(.gltf)ファイル、.binファイル、テクスチャファイルで分割された３DファイルをThreejsを簡単に読み込みたい。 Blenderでの保存方法は以...
glTF
Threejs(Java script)3DglTFファイルを直接編集する。(Blender)
やりたいこと i以下のページで作成したgltTF Separateの.glTFファイルを直接編集します。 テキスト(JSON)として編集 gltTF Separateの.glTFファイルはJSONフォーマット...
BlenderglTFファイル保存時にテクスチャを外部ファイルとして保存する(Blender)
やりたいこと BlenderでglTF 2.0でエクスポートする際に単一ファイルでなく、テクスチャを外部ファイルとして保存する。 環境 Blender：3.4.1 フォーマットの変更 左上の”ファイル” → ...
BlenderBlenderで作成した3DオブジェクトをThreejsで読込、表示するまとめ
やりたいこと Blenderで作成した3DオブジェクトをThreejsで読込、表示します。 関係する複数の記事が書きましたのでまとめます。（随時更新） 保存 → 読込/表示（基本） Threejsで読込、表示するに...
Threejs(Java script)DRACOLoaderをWebにUploadすると動作しない（DRACOLoaderでwasmを使用しない方法）(Threejs)
やりたいこと 以下の実装を行ったときにローカルでは動作するが、WEBにUplodaすると動作しない際の修正方法 ローカルで動作するJavascriptをConohaにUploadすると以下のようなエラーが表示され読...
Threejs(Java script)圧縮されたglTF(.glb)ファイルをLoadして表示(Threejs)
やりたいこと 圧縮されたglTF(.glb)ファイルをThreejsを読み込む。 圧縮方法は↓ 環境 Threejs： r150 Chrome： 111.0.5563.65 準備 ...
Blender保存するglTF(.glb)ファイルのファイルサイズを小さくする(Blender)
やりたいこと 下の記事で紹介した通り、BlenderでglTF(.glb)ファイルを保存することができますが、形状が複雑になればファイルサイズは大きくなりWEＢで読み込む際などにロード時間が遅くなります。 ここでは保存されるg...
BlenderglTF(.glb)ファイルを無料で作成する
やりたいこと MicrosoftやThreejsなどが推奨しているglTF(.glb)ファイルを作成したい。 Threejsでのロード方法は↓ 環境 Blender：3.4.1 ペイント ３Dで出...
Threejs(Java script)glTF(.glb)ファイルをLoadして表示(Threejs)
やりたいこと ThreejsやMicrosoftが推奨されているglTF(.glb)ファイルをThreejsを簡単に読み込みたい。 環境 Threejs： r150 Chrome： 111.0.5563.65 ...