読み込んだMMD向けファイル（PMD）をテクスチャ付きでThreejsで読み込めるglbで出力する(Blender)

やりたいこと

BlenderにてインポートしたMMD向けファイルのモデルをテクスチャ付きThreejsで表示可能なglbで出力します。

下の記事の通りglbを出力すると多くのマテリアルはうまくいきます。

しかし下の目のようにテクスチャの情報を引き継がないと正しく表示できないものがあります。

そのためテクスチャ付きのマテリアルをエクスポートする必要があります。

あにまさ氏の初音ミクのモデルを例に進めさせていただきます。

マテリアルを一つ一つ設定を変更して対象のマテリアルを特定します。

（例えば色を変え目の色が変わるマテリアルを探します。）

今回の例では”材質6”が対象の目のマテリアルです。

対象のマテリアルを選択した状態で”MMDテクスチャ”グループ下のテクスチャで設定されているファイルを確認します。

例ではeye2.bmpです。

対象のマテリアルを選択した状態で”ノードを使用”を選択状態（下図のように青の状態）にし、サーフェスを”プリンシプルBSDF”を選択します。

変更したサーフェイスの下に表示されるベースカラー右側の〇をクリックします。

表示されるリストから”画像テクスチャ”を選択します。

”画像テクスチャ”の”開く”を選択し、先ほど確認したテクスチャファイルを選択します。（eye2.bmp）

設定すると以下のように表示されます。

エクスポートの設定/方法は以下のページと同様です。

以下のようにThreejsでテクスチャを含めて表示できました。

threejsでglbファイルの表示方法は以下のページを参照してください。