Awesome
WebXR Depth Testbed Babylon.js
About
A demo project showing how to use WebXR Depth Sensing Module in Babylon.js. In this project, depth image from depth-sensing estimation result are drawn realtime. The depth image is drawn in HTML canvas element using WebXR DOM Overlay feature.
Environment
| item | Env |
|---|---|
| OS | Windows 10 Home |
| Node.js | 16.x |
| Babylon.js | 5.27.0 |
| Vite | 3.1.0 |
| Debug Machine | Pixel 4a 5G(Android12) |
| Chrome | Chrome for Android 106 |
Install & Usage
First of all, you have to create SSL/TLS certificate and you can use openssl command. When you are asked CommonName in the shell, answer https://<IP Adress>:3000
openssl req -newkey rsa:2048 -new -nodes -x509 -days 3650 -keyout key.pem -out cert.pem
Then, you can install and start dev server with commands below.
# install
yarn install
# launch dev server
yarn dev
Contact
You cas ask me anything on my twitter.