キーワード babylon.js が含まれる動画 ： 8 件中 1 - 8 件目
種類:
- タグ
- キーワード
対象:
07.17 ◤xR with Anything Meetup #03 ◢ #xram81
0:00 イベント説明 /スタッフの募集 中野人史@xR_NakanoHito
07:22 (1)「バーチャルSNSはSNSではない！？ バーチャルSNSに今私たちが夢中になっている理由を紐解き、さらにSNSの未来を考えてみたい」 @denpa_is_crazy
17:10 (2)協賛「clusterを始めとする「音声」を活用したプラットフォームの可能性についての考察～鬼ごっこ協会の事例から～」@Yuushi_Hiramine
26:52 (3)「ぼくが大ケガして、VRにハマって、VR本を出版するまで」 @hirakichiVR1
38:33 (4)「素人がVRでライブする夢を叶えてみた」 @crasythunder
50:10 (5)録画告知「マジカルサバト の見どころ！」 @Tosiakix_WoT
66:00 (6)告知「科学や研究の世界を身近に！SciKaleido 活動紹介」 @Mittsujp
73:19 (7)告知「もっと知って欲しいNeosFesta3！」 @Hamadori_vrq
84:00 (8)「VR空間での個人展示からコラボ展示を通して」 @ri0M0ro
92:42 (9)「Unityのようにコンテンツ開発ができるBabylon.js Editorに、チュートリアルとWebXRテンプレートを提供したお話」 @limes2018
103:15 (10)｢わたしのパーティクル ライブの作り方。｣ @shiro_kuro11
115:00 (11)録画登壇「VRChat DJとDJ指導について」 @kuranpukurou
129:23 クロージング /次回予告/告知/ゲリラ告知
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
MMD動画にMMDを描画するとこうなる
//次のバージョンに向けての動作確認、こんな感じになります。
//分かり易いようにアニメーションのタイミングをずらしてます。
//確認先
【ＭＭＤウマ娘】『Beat Eater』by つかさ式 ツインターボ
https://www.nicovideo.jp/watch/sm40538025
//素材などは、親作品リストを巡ってください。
//必須アプリ
GoogleChrome
ラグトレインで遊ぼう8
//次のバージョンに向けての動作確認、こんな感じになります。
//やっておかないといけない気がしたので。
//（一応、複数ファイルに分かれたモーションvmdの読込みの動作確認になります）
//開発当初から大分変りました。
ラグトレインで遊ぼう_まとめ
https://www.nicovideo.jp/watch/sm44704613
//確認先
稲葉曇『ラグトレイン』Vo. 歌愛ユキ
https://www.nicovideo.jp/watch/sm37198038
//素材などは、親作品リストを巡ってください。
//必須アプリ
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
再度視聴ページに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したかった（electron編）
electronでフレームレスウィンドウを生成して、
babylon.js、babylon-mmd、Ammoをインポートして
WebWorkerでMMD関連の処理をさせてみました。
//
動くには動きますが、当方の環境ではCPUをほぼ100%使ってしまう。