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.
depth-sensing-image-babylon_wide.mp4
| 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 |
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://:3000
openssl req -newkey rsa:2048 -new -nodes -x509 -days 3650 -keyout key.pem -out cert.pemThen, you can install and start dev server with commands below.
# install
yarn install
# launch dev server
yarn devYou cas ask me anything on my twitter.
