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

XRミーティング 2024-03-20

XRミーティング 2024-03-20

XRミーティング 2024-03-20 「Babylon.js で Meta Quest 3 で動く ES6 + Vite + TypeScript 開発構成がうまくつくれた話」の登壇資料です。

◆スライド内の素材は以下を使用させていただいております。ありがとうございます!

・ICOOON MONO http://icooon-mono.com/
・Adobe Stock https://stock.adobe.com/jp
・Adobe Express https://www.adobe.com/jp/express/

1ft-seabass

March 20, 2024
Tweet

More Decks by 1ft-seabass

Other Decks in Technology

Transcript

  1. XRミーティング 2024-03-20 Babylon.js で Meta Quest 3 で動く ES6 +

    Vite + TypeScript 開発構成がうまくつくれた話 ワンフットシーバス 田中正吾
  2. GitHub GitHub Codespace Babylon.js開発 ES6+TypeScript 仕組みざっくり GitHub Codespace で Babylon.js

    が ブラウザから ES6 + TypeScript 開発して Vite サーバーから WebXR 閲覧できる Vite サーバー WebXR 閲覧 (HTTPS) ブラウザ で開発 Meta Quest 3
  3. ➔ Babylon.js で Meta Quest 3 で動く ES6 + Vite

    + TypeScript 開発構成がうまくつくれた ➔ 公式にドキュメントあるのありがたい、ちょっとハマった けど少々の修正でできた ➔ WebXR 技術 Meta Quest 3 だとビデオパススルーまでで きてすごい! ➔ GitHub Codespace で HTTPS つきサーバーを Vite から 起動できるので検証もやりやすい ➔ WebXR だと手軽にコンテンツが提供できる構成が見えて きたのでこれからも試していきたい! まとめ