Blenderで作成した3DモデルをThree.jsで読み込む

Blenderで出力する形式はなにが一番いいの？

⚡️glTF形式です⚡️
理由は、glTFはランタイムでのアセットの配信に焦点を合わせているので、コンパクトに変換でき、ロードが早いからです。^[1]

GLTFでの読み込み方法

1. GLTFファイルをインポート

import { GLTFLoader } from 'GLTFLoader.jsを置いている任意の場所';

2. 3Dモデル

new GLTFLoader()　// インスタンスを生成
   .setPath( 'モデルまでのパスを指定' )　
   .load( 'モデルの名前', function ( gltf ) {
      scene.add( gltf.scene );
   });

読み込んだモデルの設定を変えたい場合、こちら^[2]をご覧ください。

脚注

1. https://threejs.org/docs/#manual/ja/introduction/FAQ

2. https://threejs.org/docs/#api/en/core/Object3D.position