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

Meta Quest 3 で動く桜マシマシ WebXR アプリを IBM Cloud Code...

Meta Quest 3 で動く桜マシマシ WebXR アプリを IBM Cloud Code Engine と Babylon.js で作った話

XRミーティング 2024-04-17 「Meta Quest 3 で動く桜マシマシ WebXR アプリを IBM Cloud Code Engine と Babylon.js で作った話」の登壇資料です。

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

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

1ft-seabass

April 17, 2024
Tweet

More Decks by 1ft-seabass

Other Decks in Technology

Transcript

  1. XRミーティング 2024-04-17 Meta Quest 3 で動く桜マシマシ WebXR アプリを IBM Cloud

    Code Engine と Babylon.js で作った話 ワンフットシーバス 田中正吾
  2. IBM Cloud Code Engine コンテナ+サーバレスな仕組み Babylon.js Vite ビルド済みソース ES6+TypeScript 仕組みざっくり

    GitHub Codespace で Babylon.js WebXR コンテンツをブラウザで開発して IBM Cloud Code Engine(コンテナ+サーバレスな仕組み)でビルド済みソースを置いて VR で表示 WebXR 閲覧 (HTTPS) ブラウザ で開発 Meta Quest 3
  3. ➔ GitHub Codespace で Babylon.js WebXR をブラウザで開 発して IBM Cloud

    Code Engine(コンテナ+サーバレスな 仕組み)でビルド済みソースを置いて VR で表示できた ➔ 桜はパーティクルで素直に降らす感じで実装できて PC ・ スマホ・VR で表示調整はがんばるところ ➔ xR 的に外でのデバイスロケは現場解決力と胆力は必要だ けど、うまくいくととてもたのしい! ➔ Web でサッとコンテンツを出せる仕組みは、もちろん注 意点もあるけどとてもたのしい! まとめ