ThreejsでMMD向けファイル（PMD）を開く方法まとめ

注意この記事は古いBlender3.Xを対象としています。Blender4.2にインストールする場合は以下のページを参照してください。やりたいことMMD(MikuMikuDance)向け3Dモデルファイル（PMD）をBlenderで開きます。あにまさ氏の初音ミクのモデルを例に進めさせていただきます。Blenderのアドオンのインストールmmd_toolsのダウンロードBlenderのアドオンmmd_toolsを以下のページからダウンロードします。複数のバージョンが表示されますが、下図のように”Latest”のラベルがあるバージョンを探し、Assetsの中のZipファイルをクリックしてダウンロー...

やりたいことBlenderにてインポートしたMMD向けファイルのモデルに対してポーズを付けます。あにまさ氏の初音ミクのモデルを例に進めさせていただきます。読み込み方法は下を参照。ポーズを付ける読み込んだモデルは以下のような構成をしています。上図で選択されている”初音ミク‗arn”を”オブジェクトモード”の状態で選択します。画面左上のメニューからモードを”オブジェクトモード”から”ポーズモード”に変更します。下のような画面になるので各ボーンを操作しポーズを変更します。結果ポーズを付けてみました。レンダリングすると以下のような感じです。

やりたいことBlenderにてインポートしたMMD向けファイルのモデルに対して表情を変更します。あにまさ氏の初音ミクのモデルを例に進めさせていただきます。読み込み方法は下を参照。表情の変更まず変更結果がわかりやすいように３Dビューのをシェーディングを”マテリアルプレビュー”（下図）かその右の”レンダー”にします。読み込んだモデルは以下のような構成をしていますので”初音ミク_mesh”を選択します。続いて下部の”オブジェクトデータのプロパティ”を選択します。表示されたGUIのシェイプキーが表情の変更の設定になります。リストから変更したい表情を選択し、値から設定を変更します。リストの右側のチェック...

やりたいことBlenderにてインポートしたMMD向けファイルのモデルをThreejsで表示可能なglbで出力します。あにまさ氏の初音ミクのモデルを例に進めさせていただきます。読み込み方法は下を参照。マテリアルの変更PMDファイルをインポートした際にマテリアルにはMMDSharderDevというものが使用されていますがが、これはglbに出力したときに正しくThreejsで表示できません。そのためマテリアルの設定を変更する必要があります。”初音ミク_mesh”を選択します。マテリアルのプロパティを選択します。リストから材質を一つ選択し、”ノードを使用”をクリックし非選択状態にし、ブレンドモードを...

やりたいことBlenderにてインポートしたMMD向けファイルのモデルをテクスチャ付きThreejsで表示可能なglbで出力します。下の記事の通りglbを出力すると多くのマテリアルはうまくいきます。しかし下の目のようにテクスチャの情報を引き継がないと正しく表示できないものがあります。そのためテクスチャ付きのマテリアルをエクスポートする必要があります。あにまさ氏の初音ミクのモデルを例に進めさせていただきます。マテリアルの修正対象のマテリアルの特定マテリアルを一つ一つ設定を変更して対象のマテリアルを特定します。（例えば色を変え目の色が変わるマテリアルを探します。）今回の例では”材質6”が対象の目の...

やりたいことThreejsやMicrosoftが推奨されているglTF(.glb)ファイルをThreejsを簡単に読み込みたい。環境Threejs：　r150Chrome：　111.0.5563.65準備モジュールを読み込めるようにするTypeがモジュールのJavaScriptを使用します。ローカルで使用する場合はChromeを特別な起動方法で起動する必要があります。通常のChromeはTypeがモジュールのJavaScriptを読み込むことができません。Chromeを起動時に以下の引数を追加します。 --allow-file-access-from-filesChromeのショートカットを作...