3D

Blender

読み込んだMMD向けファイル（PMD）をThreejsで読み込めるglbで出力する(Blender)

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

読み込んだMMD向けファイル（PMD）の表情を変更する(Blender)

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

読み込んだMMD向けファイル（PMD）にポーズをつける(Blender)

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

MMD(MikuMikuDance)向けファイル（PMD）をBlenderで開く(Blender)

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

ICO球とUV球の比較(Blender)

やりたいことBlenderではICO球とUV球という二つの球が作成できます。ここでは二つの球を比較していきます。環境Blender：3.4.1.比較概要ICO球同じ正三角形のみで構成される球体です。正N面体になります。（初期設定だと正２０面体）UV球四角面と三角で構成される球体です。上下の点を結ぶ面のみが三角形で他は四角形です。四角形は同じ形であるとは限りません。見た目細分化”3”でICO球を作成すると以下のようになります。セグメント”32”、リング”16”をUV球を作成すると以下のようになります。３Dの球というとこちらを想像する方が多いと思います。続いて真横と真上から見たICO球を見てみます...
2023.06.10
Blender
Blender

Blender形式(.blend)のファイルサイズを圧縮する(Blender)

やりたいことBlenderの基本形式である.blendファイルを保存に圧縮してファイルサイズを小さくします。環境Blender：3.4.1保存時の圧縮通常の保存と同じように”ファイル”メニューから”名前を付けて保存”を選択します。表示される保存ダイアログの右上の歯車をクリックします。以下の設定が表示されるので”ファイルを圧縮”にチェックをいれて”名前を付けて保存”をクリックして保存します。結果試験データ以下のサイコロのデータを使用してファイルサイズの確認をおこないます。テクスチャは使用していません。サイズの比較ファイルサイズファイルを圧縮 off (初期値)1,582kByteファイルを圧縮 ...
2023.05.20
Blender
Threejs(Java script)

glTF(.gltf)ファイルをLoadして表示(Threejs)

やりたいことThreejsやMicrosoftが推奨されているglTF(.gltf)ファイル、.binファイル、テクスチャファイルで分割された３DファイルをThreejsを簡単に読み込みたい。Blenderでの保存方法は以下のページ環境Threejs：　r150Chrome：　111.0.5563.65読み込みと表示読み込みと表示は.glbと同じコードで読み込めます。loadObjects(scene,"./dice.glb");上記で指定している読み込みファイルを指定の.gltfに変更します。.gltfファイルを保存する際に同時に作成される.binファイルとテクスチャファイルはソースコードの...
2023.05.15
Threejs(Java script)
3D

glTFファイルを直接編集する。(Blender)

やりたいことi以下のページで作成したgltTF Separateの.glTFファイルを直接編集します。テキスト(JSON)として編集gltTF Separateの.glTFファイルはJSONフォーマットのためテキストファイルとして編集ができます。Blenderで日本語を使用すると（オブジェクト名、マテリアル名など）、.glTFファイル内ではデコードされます。編集はできますが、対象の設定を探すのを楽にしたい場合は英語を使用しておいたほうが便利です。テクスチャの変更テクスチャは以下のように宣言されます。"images" : [ { "mimeType" : "image/png", "name" ...
2023.05.13
3D
Blender

三角柱、四角柱（正N角柱）を作成する（Blender）

やりたいこと基本的な形でありながら知らないと作るのに苦戦する三角柱、四角柱を作成する。環境Blender：3.4.1円柱から作成円柱の作成”追加”　→　”メッシュ”　→　”円柱”　を選択して円錐を作成します。円柱の設定変更円柱を作成すると左下に以下のGUIが表示されます。円柱を作成後に、画面をクリックするなど他の操作をすると上のGUIは消えて円柱が確定します。操作の前に以下の作業をする必要があります。上記のGUIをクリックし表示されるGUIの”頂点”を変更します。上記のGUIをクリックし表示されるGUIの”頂点”を変更します。三角柱を作成する場合は、”頂点”を３にします。四角柱を作成する場合は...
2023.05.02
Blender
Blender

レンダリング結果を確認しながらカメラの位置/回転を調整する（Blender）

やりたいこと３Dの画像を見ながカメラの位置/回転を調整する。レンダリング領域（≒拡大）は下のページを参照。環境Blender：3.4.1カメラ視点とオブジェクトプロパティによる調整カメラ視点に変更テンキーの0を押すことでカメラ視点に変更することができます。0キーを押すと上の表示がこちらのような表示なります。オレンジの枠内がレンダリングの領域です。 カメラの移動/回転の調整 カメラオブジェクトを選択します。 オブジェクトプロパティを選択し位置/回転をドラッグ（もしくは値入力）で変更します。結果上記の操作によりレンダリング領域を確認しながらカメラの回転/移動を行えます。メニューの”レンダー”から”...
2023.05.02
Blender
次のページ