glTF-Blender-IO

公式サイト:

glTF 2.0 | Blender Manual [公式]

使い方

glTF 2.0 形式でモデル (あるいは、複数のオブジェクトを含むシーン) をエクスポートする。

出力ファイル形式/ファイル構成
  • glTF Binaryバイナリ形式 (.glb)
  • glTF EmbeddedJSON ファイル形式 (.gltf)
  • glTF Separateファイル分割形式 (.gltf + .bin + textures)
エクスポートされる要素
  • メッシュ
  • マテリアルプリンシプル BSDF (Principled BSDF)
  • 陰影なしマテリアルUnlit
  • テクスチャ
  • カメラ
  • ライト (ポイントライト、スポットライト、ディレクショナルライト)
  • アニメーション (キーフレーム、シェイプキー、スキニング)
エクスポートされるマテリアルチャンネル
  • ベースカラー (Base Color)
  • メタリック (Metalic)
  • 粗さ (Roughness)
  • ベイクされた AO (Baked Ambient Occlusion)
  • ノーマルマップ (Normal Map)
  • 放射 (Emissive)
シェーダーノード

(出典Blender Manual

参考:

Blender で作成した 3D モデルを、Three.js でブラウザに表示する – Qiita

AR 用に glTF で書き出す方法 | bakuBLOG+

Blender 2.81 と Unity 用モデル出力について (glTF 2.0) | poi’s tech blog

glTF を Three.js で読み込み | Pentacreation BLOG

Blender 2.8 で glTF を出力 | Pentacreation BLOG

Blender で作成した 3D モデルを glTF 形式でインポートする | XR-Hub

Blender で FBX 形式を glTF 形式に変換して Three.js でアニメーションさせる | RYO620

Blender から glTF を出し、 Three.js で使うまでの覚書 – Qiita

Three.js で使いたいモデルを Blender からエクスポートする時の注意点 – Qiita

WebAR / AR.js で使用する Blender モデルを .glb として出力する方法 – Qiita

テクスチャ

参考:

Specular map export with gLTF – Right-Click Select

Specular Glossiness node is broken · Issue #222 · KhronosGroup/glTF-Blender-Exporter – GitHub

How to use compressed textures with blender-exported glTF? – Three.js forum

アルファ/透明 (Alpha / Transparency)

参考:

Transparent glTF / glb – Blender Artists Community

アニメーション

参考:

複数のアニメーションを持つ glTF を書き出す方法 – Qiita

Draco

参考:

Draco compression support for glTF in Blender 2.8 – Blender Developer Talk

GLB models with Draco compression don’t load in Blender 2.8 · Issue #252 · KhronosGroup/glTF-Blender-IO – GitHub

extension khr_ draco_ mesh_compression is not avaailable on this addon version · Issue #1173 · KhronosGroup/glTF-Blender-IO – GitHub

圧縮を有効にしてもファイルサイズが大きい

参考:

Fix buffer size with Draco compression by UX3D-eckerlein · Pull Request #767 · KhronosGroup/glTF-Blender-IO – GitHub

Export Draco Compression Rate Problem compared to gltf-pipeline · Issue #532 · KhronosGroup/glTF-Blender-IO – GitHub

Fix bug in Draco encoding for glTF, files are now smaller · blender/blender@b85e93b – GitHub

リポジトリ

KhronosGroup/glTF-Blender-IO: Blender glTF 2.0 importer and exporter – GitHub

nannany

リポジトリ:

nannany/threejs – GitHub

ドキュメント:

blenderToThree.md – nannany/threejs – GitHub

参考:

Blender で作成した 3D モデルを、Three.js でブラウザに表示する – Qiita

記事をシェアする:
タグ:

コメントを残す

メールアドレスが公開されることはありません。

Protected by reCAPTCHA