Threejs(Java script)

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

MikuMiku Dance(MMD)向けファイル(PMD)をThreejsで表示する方法のまとめです。Blenderでインポートインポートしたモデルの編集Threejs向けに変更/エクスポートThreejsで読み込み
Blender

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

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

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

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

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

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

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

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

Youtubeの動画をwebページに埋め込む2つの方法

やりたいことYoutubeの動画をwebページに埋め込む2つの方法を紹介します。iframeにSrcで動画を指定する方法一つ目の方法はiframeにSrcで動画を指定することです。通常Youtubeの動画埋め込みはこちらを指します。埋め込み方法コードの動画から取得Youtubeの動画を右クリックして表示されるメニューから”埋め込みコードをコピー”を選択することでHTMLのコードを取得することができます。以下のようなコードが得られます。<iframe width="1033" height="581" src="" title="不居実まるの初動画" frameborder="0" allow=...
ブラウザ

拡張機能追加時エラー”Invalid value for ‘content_scripts[0].matches[0]’: Missing scheme separator.”(Edge,Chrome)

やりたいことChrome,Edgeに自作の拡張機能を追加時に以下のエラーが表示され追加できないときの対処。Invalid value for 'content_scripts.matches': Missing scheme separator.マニフェストを読み込めませんでした。詳細以下のマニフェストファイルを持つ拡張機能を持つ拡張機能を登録しようとした際に”Invalid value for 'content_scripts.matches': Missing scheme separator.”のエラーが出ました。{ "name": "Sample", "version": "1", "...
ブラウザ

拡張機能追加時エラー”UTF-8 でエンコードされていません。”(Edge,Chrome)

やりたいことChrome,Edgeに自作の拡張機能を追加時に以下のエラーが表示され追加できないときの対処。コンテンツ スクリプトのファイル「XXXX.js」を読み込むことができませんでした。UTF-8 でエンコードされていません。マニフェストを読み込めませんでした。XXXX.jsは拡張機能で使用しているファイル名です。原因”UTF-8 でエンコードされていません。”とあるようにスクリプトファイルの文字がUTF-8でない可能性があります。特に日本語を扱う際に注意が必要です。”マニフェストを読み込めませんでした。”とありますが、スクリプトのみに問題があってもこのメッセージは表示されます。まずはスク...
Blender

ICO球とUV球の比較(Blender)

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

【確認推奨】Windows11でタスクスケジューラのタスクが失敗するようになった

やりたいこと2023/5月の中旬からWindows11上で失敗しているスクスケジューラのタスクがあることに気が付きました。タスクや実行するファイル等は編集していませんが、失敗するようになりました。自前のタスクをタスクスケジューラに入れている方は正しく実行できているかの確認をお勧めします。失敗するタスク失敗するタスクは以下のようなタスクでした。実行するタスクbatファイル前回の実行結果(エラーコード)0x1引数の追加> log.txtログ出力開始実行batのあるフォルダ回避策今回の原因は引数の”> log.txt”でした。引数を削除することで正しく動作するようになりました。ファイル指定が絶対パス...