タグ babylon.js が登録されている動画 ： 7 件中 1 - 7 件目
種類:
- タグ
- キーワード
対象:
デスクトップ上でMMDしたかった（electron編）
electronでフレームレスウィンドウを生成して、
babylon.js、babylon-mmd、Ammoをインポートして
WebWorkerでMMD関連の処理をさせてみました。
//
動くには動きますが、当方の環境ではCPUをほぼ100%使ってしまう。
再度視聴ページにMMDを描画しよう_2
※看過できない不具合があったため 6/20 6:30 にデータを差し替えました。
※それ以前にダウンロードした方は、再度インストールしてください。
※ご不便をおかけして大変申し訳ございません。
・実行ファイル（＝ソースコード）
https://drive.google.com/drive/folders/1JoYwfT7tf4OrRanM82sAu9I020ijcIX4
MMDGhost_2 をダウンロードしてください。
Zipを解凍すると生成されるフォルダが開発環境です。
デベロッパーモードでChrome拡張機能にD＆Dすると、利用可能となります。
・キーボードのCtrl＋０キーでメニューの表示／非表示を切り替えます。
・background および permission(サイトの権限)： tabs を利用しています。
・感想、不具合、不明点があれば、コメントしてもらえるとありがたりです。
//素材などは、親作品リストを巡ってください。
//必須アプリ
GoogleChrome
再度視聴ページにMMDを描画しよう_1
・実行ファイル（＝ソースコード）
https://drive.google.com/drive/folders/1JoYwfT7tf4OrRanM82sAu9I020ijcIX4
MMDGhost_* をダウンロードしてください。
Zipを解凍すると生成されるフォルダが開発環境です。
デベロッパーモードでChrome拡張機能にD＆Dすると、利用可能となります。
・動画のタイムスタンプ
00:00 Chrome拡張機能のインストール
00:40 メニューの表示
01:00 MMDデータの登録
01]40 MMDデータの設定
02:00 MMDの描画、３D空間の背景色の変更
03:00 ユーザー操作の切り替え（ブラウザ／３Dカメラ）
03:25 ３D空間の描画位置の切り替え
04:20 再生中の動画との同期
05:20 （マイリストなど、ページ遷移を伴わない）動画の切り替わり
06:00 同期タイミングの補正
・感想、不具合、不明点があれば、コメントしてもらえるとありがたりです。
・ニコニコ動画の視聴ページに３D空間を上書き描画するChrome拡張機能です。
３Ｄ空間の描画に、babylon.js および babylon-mmd を利用しています。
物理エンジンのHavokは（エラーが解決できなかったため）利用してません。
・前作とは異なり、context_script のみで稼働しています。
（background offscreen permissions は利用していません）
そのため、ページ遷移時にメニューなどが初期化されるので注意してください。
・キーボードのShift＋０キーでメニューの表示／非表示を切り替えます。
・「ctrl camera」が白色の状態で、MMDの周辺をクリックすると、３Dカメラを制御できます。
※babylon.jsにおける、カメラ操作のデフォルトです。
キーボード：↑↓←→
マウス ：左右ボタンをホールド＋マウス移動、ホイールボタン
（その他の操作は動画内のコメントを見てください。）
//素材などは、親作品リストを巡ってください。
//必須アプリ
GoogleChrome
ラグトレインで遊ぼう8
//次のバージョンに向けての動作確認、こんな感じになります。
//やっておかないといけない気がしたので。
//（一応、複数ファイルに分かれたモーションvmdの読込みの動作確認になります）
//開発当初から大分変りました。
ラグトレインで遊ぼう_まとめ
https://www.nicovideo.jp/watch/sm44704613
//確認先
稲葉曇『ラグトレイン』Vo. 歌愛ユキ
https://www.nicovideo.jp/watch/sm37198038
//素材などは、親作品リストを巡ってください。
//必須アプリ
GoogleChrome
MMD動画にMMDを描画するとこうなる
//次のバージョンに向けての動作確認、こんな感じになります。
//分かり易いようにアニメーションのタイミングをずらしてます。
//確認先
【ＭＭＤウマ娘】『Beat Eater』by つかさ式 ツインターボ
https://www.nicovideo.jp/watch/sm40538025
//素材などは、親作品リストを巡ってください。
//必須アプリ
GoogleChrome
Chrome拡張機能でbabylon.jsを使おう
・ソースコード
https://drive.google.com/drive/folders/1JoYwfT7tf4OrRanM82sAu9I020ijcIX4
ChromeExtensions_Babylonjs_Demo をダウンロードしてください。
Zipを解凍すると生成されるフォルダが開発環境です。
デベロッパーモードでChrome拡張機能にD＆Dすると、利用可能となります。
・three.jsからMMDLoaderがomitされたため、babylon.jsに移行中。
過去の動画／ソースコードは非公開（そのうち消します）。
・感想、不具合、不明点があれば、コメントしてもらえるとありがたりです。
・Chorme拡張機能でbabylon.jsを利用するサンプルプログラムです。
物理エンジンのHavokは（エラーが解決できなかったため）利用してません
・キーボードのShift＋０キーで、babylon.jsの描画の表示／非表示が切り替わります。
・MMDを描画する場合は、モデルデータ／モーションデータを別途ダウンロードしてください。
またソースコードの修正が必要です、VSCodeなどをインストールしてください。
詳しい手順はソースコードのコメント／動画内での操作を確認してください。
//素材などは、親作品リストを巡ってください。
//必須アプリ
GoogleChrome