WebXR TechTokyo #3 in Cluster発表資料
- 1. WebXRに対応したbabylon.jsを Oculus Quest2で動かしてみたお話 | Limes | 2020.10.28
- 3. 3Babylon.jsとは • Webブラウザで3DCGを描画するためのフレームワーク • Graph Editorにより、ローコード開発も可能 • WebXRへの対応が進んでいる (1) https://campusalbano.se/view/2rU8PVbbXWgeQ0sko0yOQA/op en (2) https://doc.babylonjs.com/resources/using_grapheditor#list-of- all-available-nodes (3) https://www.davrous.com/2017/07/07/from-zero-to-hero- creating-webvr-experiences-with-babylon-js-on-all-platforms/ (1) (2) (3)
- 5. 5WebXRとは？ https://developer.mozilla.org/ja/docs/Web/API/WebXR_Device_API/Fundamentals 意訳：3D graphicsの描画をするには、WebGL を直接たたくのはお勧めせず、フレームワークの 使⽤が良い。 フレームワークの例 A-Frame, Babylon.js, Three.js Game toolkitsの例 PlayCanvas
- 7. Babylon.jsでWebXR対応のコードを書く⽅法 7 //WebXRを使うための初期宣⾔ const xrHelper = await WebXRExperienceHelper.CreateAsync(scene); これが⼊っていれば、VRのフルスクリーンになるためのボタンが表⽰される。 基本的には、これを書くだけ。 PlayGround (Babylon.jsコミュニティ提供の動作検証環境)に書くの が⼀番簡単
- 9. 調査中 9 ・ES6の⽂法で書く⽅法（なぜかinitializing XR error) ・コントローラ⼊⼒の制御