Upgrade to Pro — share decks privately, control downloads, hide ads and more …

WebXRとは何か

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for nisshi.dev | にっし nisshi.dev | にっし
March 27, 2024
0
39

 WebXRとは何か

Avatar for nisshi.dev | にっし

nisshi.dev | にっし

March 27, 2024
Tweet

More Decks by nisshi.dev | にっし

See All by nisshi.dev | にっし
高専ロボコンから始まった私のもの創り
Avatar for nisshi.dev | にっし nishidayoshikatsu
0
70
nisshi.dev 自己紹介スライド v0.1
Avatar for nisshi.dev | にっし nishidayoshikatsu
0
63
Web×3DのUI表現を模索してみる話
Avatar for nisshi.dev | にっし nishidayoshikatsu
0
140
「孤独からの解放」 を目指してShareBrowseを開発している話
Avatar for nisshi.dev | にっし nishidayoshikatsu
0
270
Code_for_Yamaguchiの今までとこれから
Avatar for nisshi.dev | にっし nishidayoshikatsu
0
1.1k
自己実現ピッチ
Avatar for nisshi.dev | にっし nishidayoshikatsu
1
91
PyCon Kyushu 2022「Python で gRPC 入門 ~ chat を実装してみるハンズオン~」
Avatar for nisshi.dev | にっし nishidayoshikatsu
1
870

Featured

See All Featured
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
Avatar for Tech SEO Connect techseoconnect
PRO
0
61
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.4k
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
5
730
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.7k
sira's awesome portfolio website redesign presentation
Avatar for ElsiraPls elsirapls
0
150
More Than Pixels: Becoming A User Experience Designer
Avatar for Michelle Schulp Hunt marktimemedia
3
320
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
130
The Director’s Chair: Orchestrating AI for Truly Effective Learning
Avatar for Mike Taylor tmiket
1
96
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
270
KATA
Avatar for Megan Lloyd mclloyd
PRO
34
15k
Claude Code のすすめ
Avatar for schroneko schroneko
67
210k

Transcript

  1. nisshi-dev 2024.03.23 WebXRとは何か WebXRとは何か

  2. スピーカー紹介 nisshi-dev Code for Yamaguchi / 代表 Iwaken Lab. /

    メンバー VRChat Connections API Project / メンバー Web開発やVR開発がメインでWebXRの技術開拓に熱 中している。「孤独からの解放を目指し、デジタル上に 新しい体験価値をweb×3Dの技術で創造する 🔥」をテー マにさまざまな活動をしている。
  3. None

  4. コロナ禍で東京都のOSSと山口県のオープンデータを活用して立ち上げた、山口県公認新型コ ロナウイルス感染症対策サイト（閉鎖済）や、Code for Yamaguchi公式サイトをOSSで開発し MITライセンスで公開しています。 Code for Yamaguchi -OSS開発-

  5. VRでWebブラウザ 使ってますか？

  6. HMD上でのブラウザ活用の課題 キーボード入力操作がめんどくさい せっかくVR HMDをかぶっているのに没入感がない インタラクション体験の探求 Meta Questシリーズはアプリケーションのバックグラウンド実行に対応してい ないので他のVRアプリを開きながら動作できない

  7. ブラウザを通したVRであるWebVRと、ブラウザを通したWebARであるWebARの総称 WebXRって？ デモが体験できるページ

  8. WebブラウザからVRデバイスやARデバイスなどのハードウェアとのインターフェース ビューのレンダリングプロセスの管理 ハードウェアのセンサデータ WebXR Device API

  9. Webの流動性を活かし、さまざまな情報取得をよりリアルにできる とりあえず情報調査できる場 VRアプリケーションに対するWebXR

  10. UnityのWebXR ExportでWebXR開発可能 フレームワーク Three.js Babylon.js PlayCanvas

  11. フレームワーク 仮想DOMを使ったフレームワークに対応（いわゆるJSXのような宣言的な書き方が可能） ※ただ、virtual DOM自体の仕組みがそもそもwebglと相性が悪い

  12. WebXRの最近のニュース Safari on Vision ProでUSDZファイルを取り出せる

  13. WebXRの最近のニュース Quest3のQuestブラウザー上でボディトラッキングができるようになった（3/2アプデ）

  14. nisshi-dev （@nsd244） 2024.03.23 WebXRとは何か WebXRとは何か