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

概要 Blenderで作成した3Dモデルを、Three.jsの中に取り込み、ブラウザで表示できるようになるまでの手順を示します。 Blenderは、3Dモデルを作成するのに適したソフトウェアです。 また、Three.jsは、ブラウザ上で動作する3Dモデルを作成するのに適した、JavaScriptのライブラリです。 なお、本記事では、どのようなフローでBlenderからThree.jsに3Dモデルを移行できるかを中心に記述します。そのため、Blenderでモデル作成、Three.jsの書き方についてはほとんど触れません。 手順 以下のような手順を実施していきます。 Blenderでモデルを作成する 作成したモデルをglTF形式のファイルにエクスポートする Three.jsにて、エクスポートしたglTFファイルをロードする Blenderでモデルを作成する 本記事ではモデルの作成方法の詳細では