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