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とは何か