Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
nisshi-dev 2024.03.23 WebXRとは何か WebXRとは何か
Slide 2
Slide 2 text
スピーカー紹介 nisshi-dev Code for Yamaguchi / 代表 Iwaken Lab. / メンバー VRChat Connections API Project / メンバー Web開発やVR開発がメインでWebXRの技術開拓に熱 中している。「孤独からの解放を目指し、デジタル上に 新しい体験価値をweb×3Dの技術で創造する 🔥」をテー マにさまざまな活動をしている。
Slide 3
Slide 3 text
No content
Slide 4
Slide 4 text
コロナ禍で東京都のOSSと山口県のオープンデータを活用して立ち上げた、山口県公認新型コ ロナウイルス感染症対策サイト(閉鎖済)や、Code for Yamaguchi公式サイトをOSSで開発し MITライセンスで公開しています。 Code for Yamaguchi -OSS開発-
Slide 5
Slide 5 text
VRでWebブラウザ 使ってますか?
Slide 6
Slide 6 text
HMD上でのブラウザ活用の課題 キーボード入力操作がめんどくさい せっかくVR HMDをかぶっているのに没入感がない インタラクション体験の探求 Meta Questシリーズはアプリケーションのバックグラウンド実行に対応してい ないので他のVRアプリを開きながら動作できない
Slide 7
Slide 7 text
ブラウザを通したVRであるWebVRと、ブラウザを通したWebARであるWebARの総称 WebXRって? デモが体験できるページ
Slide 8
Slide 8 text
WebブラウザからVRデバイスやARデバイスなどのハードウェアとのインターフェース ビューのレンダリングプロセスの管理 ハードウェアのセンサデータ WebXR Device API
Slide 9
Slide 9 text
Webの流動性を活かし、さまざまな情報取得をよりリアルにできる とりあえず情報調査できる場 VRアプリケーションに対するWebXR
Slide 10
Slide 10 text
UnityのWebXR ExportでWebXR開発可能 フレームワーク Three.js Babylon.js PlayCanvas
Slide 11
Slide 11 text
フレームワーク 仮想DOMを使ったフレームワークに対応(いわゆるJSXのような宣言的な書き方が可能) ※ただ、virtual DOM自体の仕組みがそもそもwebglと相性が悪い
Slide 12
Slide 12 text
WebXRの最近のニュース Safari on Vision ProでUSDZファイルを取り出せる
Slide 13
Slide 13 text
WebXRの最近のニュース Quest3のQuestブラウザー上でボディトラッキングができるようになった(3/2アプデ)
Slide 14
Slide 14 text
nisshi-dev (@nsd244) 2024.03.23 WebXRとは何か WebXRとは何か