キーワード WebXR が含まれる動画 : 16 件中 1 - 16 件目
種類:
- タグ
- キーワード
対象:
【AR紳士】壁にはまったミクさん
ミクさん召喚失敗しました!?誰かミクさんを助けて!
これは、MMD素材とSystem Animator 11 (WIP)を使用して構築されたAR(拡張現実)デモです。Google Chromeで動作します。
Androidスマホでテストされています。iPhoneでも動作させることができるでしょう。
https://sao.animetheme.com/?cmd_line=/TEMP/DEMO/miku00&adult_mode=1
コアテクノロジーのWebXRはまだウェブ標準ではありません。Google Chromeで動作させるには、いくつかのWebXR関連のフラグを有効にする必要があります。詳細については、このオンラインREADMEを参照してください。
https://www.animetheme.com/system_animator_online/readme.txt
YouTube版:
https://www.youtube.com/watch?v=SwNisy_9xYE
Credits:
- BGM remixed from music by MusMus:
http://musmus.main.jp/music_img2.html
System Animatorについて
GitHub (System Animator 11):
https://github.com/ButzYung/SystemAnimatorOnline
ホームページ:
https://www.animetheme.com/sidebar/
twitter@butz_yung
【ARミク】野球をしよう!
拡張現実でミクと一緒に野球をしよう!
これは、MMD素材とSystem Animator 11 (WIP)を使用して構築されたAR(拡張現実)デモです。AndroidスマホのGoogle Chromeで動作します。ARと携帯電話のモーションセンサー機能を組み合わせて、野球のキャッチャーになりましょう!
https://sao.animetheme.com/?cmd_line=/TEMP/DEMO/miku00
Google Chromeで動作させるには、いくつかのWebXR関連のフラグを有効にすることをお勧めします。詳細については、このオンラインREADMEを参照してください。
https://www.animetheme.com/system_animator_online/readme.txt
Credits:
- BGM remixed from music by MusMus:
http://musmus.main.jp/music_img2.html
System Animatorについて
GitHub (System Animator 11):
https://github.com/ButzYung/SystemAnimatorOnline
ホームページ:
https://www.animetheme.com/sidebar/
twitter@butz_yung
【ARミク】社会的距離の確保
新型コロナウイルスを抑えるため、ミクさんは社会的距離の確保を教えます。
これは、MMD素材とSystem Animator 11 (WIP)を使用して構築されたAR(拡張現実)デモです。Google Chromeで動作します。
Androidスマホでテストされています。iPhoneでも動作させることができるでしょう。
https://sao.animetheme.com/?cmd_line=/TEMP/DEMO/miku00&adult_mode=1
コアテクノロジーのWebXRはまだウェブ標準ではありません。Google Chromeで動作させるには、いくつかのWebXR関連のフラグを有効にする必要があります。詳細については、このオンラインREADMEを参照してください。
https://www.animetheme.com/system_animator_online/readme.txt
YouTube版:
https://youtu.be/G4tBwlAhFxY
Credits:
- BGM remixed from music by MusMus:
http://musmus.main.jp/music_img2.html
System Animatorについて
GitHub (System Animator 11):
https://github.com/ButzYung/SystemAnimatorOnline
ホームページ:
https://www.animetheme.com/sidebar/
twitter@butz_yung
【ARミク】押し倒すと壁ドン
拡張現実でミクさんを押し倒す!
これは、MMD素材とSystem Animator 11 (WIP)を使用して構築されたAR(拡張現実)デモです。Google Chromeで動作します。ARと携帯電話のモーションセンサー機能を組み合わせて、押し倒すと壁ドンをシミュレートします。
Androidスマホでテストされています。iPhoneでも動作させることができるでしょう。
https://sao.animetheme.com/?cmd_line=/TEMP/DEMO/miku00
コアテクノロジーのWebXRはまだウェブ標準ではありません。Google Chromeで動作させるには、いくつかのWebXR関連のフラグを有効にする必要があります。詳細については、このオンラインREADMEを参照してください。
https://www.animetheme.com/system_animator_online/readme.txt
Credits:
- BGM remixed from music by MusMus:
http://musmus.main.jp/music_img2.html
System Animatorについて
GitHub (System Animator 11):
https://github.com/ButzYung/SystemAnimatorOnline
ホームページ:
https://www.animetheme.com/sidebar/
twitter@butz_yung
【A-Frame/WebXR】お菓子の家が出現!?
▼ お菓子の家
https://portfolio.shibuya-yuki.top/vr/vr-valentine/
今年のバレンタイン企画で
A-Frameでお菓子の家を作成しました。
スマホで回遊してみました。
【東北きりたんオリジナル曲】since blue ラスサビ
▼since blue
sm45806928
スマホ縦画面に編集し直して
ラスサビを切り抜いてみました。
【岩手の行政書士】オープンデータとA-Frameで「サイバー盛岡」 / デジタルアーカイブ研究#004
▽ デジタルアーカイブ研究#003
sm46284036
こちらで使用したGeoJSONを流用し
A-Frame(WebXR)で読み込ませて
サイバー盛岡を作成しました。
▼ 今回作成したアプリはコチラ
https://gyosei-yuki.github.io/cyber-iwate/morioka/
▼ ライセンス等を記した詳細は
GitHubのREADMEに掲載しています
https://github.com/gyosei-yuki/cyber-iwate
VOICEVOX:東北きりたん
【A-Frame/WebXR】VR漢字間違い探しデモプレイ動画
▼ あらすじ
国境の長いトンネルを抜けると
漢字間違い探しであった。
国境の長いトンネルを抜けると雪国であった
川端康成 / 小説『雪国』より
キューブ(Cube)
監督 / ヴィンチェンゾ・ナタリ
▼ 操作説明
オーソドックスな
WASDコントローラーです。
・ W or ↑ / 前
・ A or ← / 左
・ S or ↓ / 後
・ D or → / 右
・ マウス / 視線操作
▼ ルール
・ 各部屋3つの間違いがあります。
・ 前後左右+天井のどこかにあります。
・ 同じ面に2つの間違いはありません。
・4つの部屋があります。
・タイムアタックです。
▼ 各部屋はこちらから
https://gyosei-yuki.github.io/vr-kanji-spot-the-difference-001/
https://gyosei-yuki.github.io/vr-kanji-spot-the-difference-002/
https://gyosei-yuki.github.io/vr-kanji-spot-the-difference-003/
https://gyosei-yuki.github.io/vr-kanji-spot-the-difference-004/
https://gyosei-yuki.github.io/vr-kanji-spot-the-difference-005/
▼ チャプター
#0:00 - vr-kanji-spot-the-difference-001
#0:32 - vr-kanji-spot-the-difference-002
#1:28 - vr-kanji-spot-the-difference-003
#2:14 - vr-kanji-spot-the-difference-004
#3:02 - vr-kanji-spot-the-difference-005
#3:39 - ED
【A-Frame/WebXR】「ひなあられ」33個を回収せよ!【3/3(火)ひなまつり】
繫忙期のひなあられ工場。
出荷直前、工場内に「ひなあられ」が散乱してしまった。
3/3(火)に間に合うように
急いでひなあられ33個を回収せよ!
▼ ブラウザで遊べます。
https://gyosei-yuki.github.io/vr-hinamatsuri-2026/
【操作方法】
⌨ キーボード
W ↑ : 前 - S ↓ : 後
← A : 左 - D : 右 →
🖱 マウス
左クリック中 : ひなあられを掴む
左クリックを離す : ひなあられを離す
ドラッグアンドドロップ : 視線操作
【A-Frame/WebXR】ウェブ上にお菓子の家を制作してみたよ!【もうすぐバレンタイン企画】
チョコは「渡さず」に「投げろ」🥎
壁を破壊すると
中からお菓子の家の出現するよ👍
もうすぐバレンタインなので
VR空間に、リアルで美味しそうな
お菓子の家🍫🏠を制作してみました。
▼ よかったら挑戦してね😆
https://portfolio.shibuya-yuki.top/vr/vr-valentine/
※ PC/スマホ両対応
(初回のみ読み込みに時間かかります)
【字幕付き】VRMViewMeister アニメーションサンプル 2024/07/18-01
0:00 はじめに
0:05 アニメーション
01:10 舞台裏
04:45 再生してみよう!
少々古いですが、今回は7月にYouTube ショートでアップした動画の舞台裏と称した紹介です。
作成: PC上のVRMViewMeister
再生: Galaxy S24 Ultra
Youtube ショート: https://youtube.com/shorts/cWNAyhgpUQE?feature=share
ある程度の規模のモーションだと制作はやはりPCなどの大画面のデバイスのほうが有利です。
ARモードで再生する現実の場所をある程度想定しておきましょう。
本アプリの拡張機能を使えば、Google Driveにプロジェクトやモーションデータを保存し、別デバイスから読み込むことができます。
My site:
https://sites.google.com/view/lumis-vroidbase/pubcontents/vrmviewmeister
VRMViewMeister アニメーションサンプル 20240126
今回は甥っ子がMetaQuest3と本アプリVRMViewMeisterで簡単なボウリングを作ったので代わりに紹介します。
名付けて”エアボウリング"。
使用オブジェクト:
Sphere - 衝突あり、重力なし
Cylinder1~3 - 衝突あり、重力あり
遊ばせてもらいましたが、Sphereに重力がかかっていないので
方向がずれると空中にだって吹っ飛ぶ!
なかなか難しく、でも可能性を感じる使い方だと思いました。
自分はVRMと3Dモデルでモーションを作るのに、物理効果を補助的に使うことしか頭にありませんでした。
単純に図形を使っていくらでもこういうことをできるというのを、甥っ子に気づかせられました。
次バージョンではこうしたことも簡単にできるようになります。
ご期待ください!
開発進捗報告20231119(VRMViewMeisterにVRモード追加)
VRMViewMeisterをVR/ARモードに対応させている最中です。
YouTubeチャンネルではアップしていますが、ARモードを先に試しています。
今回の内容は次のとおりです。
* Effectオブジェクトでアニメーションループ
* VRMのポージング
* システムライトを動かして太陽光を調整
本アプリでは独自のアニメーションを採用しているため、
VRManimationと異なり、次のリリースでは作成から再生まで本アプリだけで簡単に行うことができます。
課題:
はっきり言ってVR/ARモード中の動作は遅いです。(WebXRのサンプルよりも)
改善の必要があります。
最後はモーションをHTML側からUnityへ再生指示してからVR/ARモードへ切り替えました。
しかし、モーションは停止していました。
どうやらVR機器のブラウザで通常表示からVR/ARモードへと切り替わると、その時動いているオブジェクトは停止するようです。
VR/ARモードへ切り替えた後にモーション再生する方法を実装する必要があると判断しました。
今回はあらかじめVRMをQuest 3内に保存してあるので読み込みは早いですが、実際にユーザーに使用していただく際はVroidHubや自分のクラウドストレージからあらかじめモデルをダウンロードしておく必要があります。
技術検証:UnityのWebGLビルドでWebXR (2)
UnityWebXRのサンプルプロジェクトを使った技術検証の続きです。
VRMViewMeisterで実装した独自IK( Animator IKをカバー)を設定し、さらに本アプリと同水準にまでIKマーカーを設置してVRMの全身を動かせるようにしました。
高い位置にあるせいで届かなくて最後悲惨なことになったけど、概ね良し!?
技術検証:UnityのWebGLビルドでWebXR
UnityWebXRのサンプルプロジェクトを使った技術検証です。
WebGLビルドでXRを実現できるということで、VRMとIKを追加して
Meta Quest 3 のブラウザで一通りの操作を試してみました。
(部屋が映るため、映像はVR環境です)
VRMをハンドトラッキングで動かす体験は、想像以上に人形遊びをしている感覚があって楽しいです。
VRMViewMeisterも同じWebGLビルドなので、近い将来のバージョンで実装を決定しました。
本アプリならVRMAnimationとは違ってVRM以外のモーションデータも作成できます。
例えば・・・
XR環境で実物大のVRMとオブジェクトを触りながらモーションを作り、その場で再生して3Dアニメーションを楽しむことができるようになるかも?
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 クロージング /次回予告/告知/ゲリラ告知
