再度視聴ページにMMDを描画しよう_1

再度視聴ページにMMDを描画しよう_1

・実行ファイル(=ソースコード) https://drive.google.com/drive/folders/1JoYwfT7tf4OrRanM82sAu9I020ijcIX4MMDGhost_* をダウンロードしてください。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

http://www.nicovideo.jp/watch/sm45067112