3DアーティストのAndrew WoanがCodropsに寄稿した記事が、AI・Blender・Blender MCP・Three.jsを組み合わせてWeb向け3D制作を加速させる実践的な工夫をまとめている。中心となる発想は、AIエージェントにBlender側の作業を自動化させつつ、その結果をThree.jsのコードと同期させ続けることだ。手作業の往復で生じる摩擦を減らし、制作のテンポを保つことを狙う。
まず土台となるのが自動化と統合だ。Blenderのカスタムアドオンを作り、エクスポートと同時にThree.js側の出力を更新したり、複数の工程をワンクリックにまとめたりする。たとえば「One Shot Baking」アドオンは、UV展開・ベイク・デノイズ・テクスチャ最適化を一連の流れとして自動実行する。個々の手順を人が順番に叩く必要がなくなる。
次に、BlenderとThree.jsの環境間で基本的なトランスフォーム（回転・スケール・位置）を相互に反映させる双方向の同期が挙げられる。Blenderの「エンプティ」をスポーン地点やターゲット、コライダーとして使えば、シーンの構造そのものをコードに引き継ぎやすくなる。
AIの活用も具体的だ。AIとBlender MCPを組み合わせれば、ジオメトリノードを解析してThree.jsのコードへ変換したり、そのままアドオンとして動くPythonスクリプトを生成させたりできる。ノードベースの複雑な処理を、コードへと橋渡しする作業をAIが肩代わりする形だ。
ツールの一元化と新しい標準への対応も鍵となる。GLTFJSXやKTX2、ImageMagickといったコマンドラインツールをブラウザ経由ではなくBlenderから直接動かせば、AIのトークン消費も抑えられる。さらにThree.js Shading Language（TSL）を採用することで、Blenderのビジュアルなシェーダーノードをコードへ移す作業が簡潔になる。AIとMCPが3D制作の現場に浸透しつつある流れを象徴する内容だと言える。
出典: Blender to Three.js and Back: 10 Tips for a Better Workflow
