Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
WebXRとは何か
Search
nisshi.dev | にっし
March 27, 2024
0
31
WebXRとは何か
nisshi.dev | にっし
March 27, 2024
Tweet
Share
More Decks by nisshi.dev | にっし
See All by nisshi.dev | にっし
高専ロボコンから始まった私のもの創り
nishidayoshikatsu
0
55
nisshi.dev 自己紹介スライド v0.1
nishidayoshikatsu
0
49
Web×3DのUI表現を模索してみる話
nishidayoshikatsu
0
130
「孤独からの解放」 を目指してShareBrowseを開発している話
nishidayoshikatsu
0
240
Code_for_Yamaguchiの今までとこれから
nishidayoshikatsu
0
850
自己実現ピッチ
nishidayoshikatsu
1
83
PyCon Kyushu 2022「Python で gRPC 入門 ~ chat を実装してみるハンズオン~」
nishidayoshikatsu
1
780
Featured
See All Featured
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.2k
Git: the NoSQL Database
bkeepers
PRO
430
65k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Side Projects
sachag
453
42k
Why You Should Never Use an ORM
jnunemaker
PRO
56
9.4k
Art, The Web, and Tiny UX
lynnandtonic
298
21k
Java REST API Framework Comparison - PWX 2021
mraible
31
8.6k
A Tale of Four Properties
chriscoyier
159
23k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
A better future with KSS
kneath
239
17k
A designer walks into a library…
pauljervisheath
205
24k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
5
620
Transcript
nisshi-dev 2024.03.23 WebXRとは何か WebXRとは何か
スピーカー紹介 nisshi-dev Code for Yamaguchi / 代表 Iwaken Lab. /
メンバー VRChat Connections API Project / メンバー Web開発やVR開発がメインでWebXRの技術開拓に熱 中している。「孤独からの解放を目指し、デジタル上に 新しい体験価値をweb×3Dの技術で創造する 🔥」をテー マにさまざまな活動をしている。
None
コロナ禍で東京都のOSSと山口県のオープンデータを活用して立ち上げた、山口県公認新型コ ロナウイルス感染症対策サイト(閉鎖済)や、Code for Yamaguchi公式サイトをOSSで開発し MITライセンスで公開しています。 Code for Yamaguchi -OSS開発-
VRでWebブラウザ 使ってますか?
HMD上でのブラウザ活用の課題 キーボード入力操作がめんどくさい せっかくVR HMDをかぶっているのに没入感がない インタラクション体験の探求 Meta Questシリーズはアプリケーションのバックグラウンド実行に対応してい ないので他のVRアプリを開きながら動作できない
ブラウザを通したVRであるWebVRと、ブラウザを通したWebARであるWebARの総称 WebXRって? デモが体験できるページ
WebブラウザからVRデバイスやARデバイスなどのハードウェアとのインターフェース ビューのレンダリングプロセスの管理 ハードウェアのセンサデータ WebXR Device API
Webの流動性を活かし、さまざまな情報取得をよりリアルにできる とりあえず情報調査できる場 VRアプリケーションに対するWebXR
UnityのWebXR ExportでWebXR開発可能 フレームワーク Three.js Babylon.js PlayCanvas
フレームワーク 仮想DOMを使ったフレームワークに対応(いわゆるJSXのような宣言的な書き方が可能) ※ただ、virtual DOM自体の仕組みがそもそもwebglと相性が悪い
WebXRの最近のニュース Safari on Vision ProでUSDZファイルを取り出せる
WebXRの最近のニュース Quest3のQuestブラウザー上でボディトラッキングができるようになった(3/2アプデ)
nisshi-dev (@nsd244) 2024.03.23 WebXRとは何か WebXRとは何か