https://github.com/drumath2237/webxr-depth-testbed-babylon

testbed for WebXR Depth Feature
https://github.com/drumath2237/webxr-depth-testbed-babylon

babylonjs vite webxr

Last synced: about 1 month ago
JSON representation

testbed for WebXR Depth Feature

• Host: GitHub
• URL: https://github.com/drumath2237/webxr-depth-testbed-babylon
• Owner: drumath2237
• License: apache-2.0
• Created: 2022-09-25T12:58:45.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2022-10-12T12:24:24.000Z (about 2 years ago)
• Last Synced: 2024-11-05T09:43:52.478Z (about 2 months ago)
• Topics: babylonjs, vite, webxr
• Language: TypeScript
• Homepage: https://drumath2237.github.io/webxr-depth-testbed-babylon/
• Size: 197 KB
• Stars: 5
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.ja.md
  • Funding: .github/FUNDING.yml
  • License: LICENSE.md

Awesome Lists containing this project

• awesome-babylonjs - webxr-depth-testbed-babylon - Testbed for WebXR Depth Feature. ([demo](https://drumath2237.github.io/webxr-depth-testbed-babylon/)) (Projects)

README

        
# WebXR Depth Testbed Babylon.js

[![Deploy static content to Pages](https://github.com/drumath2237/webxr-depth-testbed-babylon/actions/workflows/deploy.yml/badge.svg)](https://github.com/drumath2237/webxr-depth-testbed-babylon/actions/workflows/deploy.yml)

[English](./README.md)

## About

WebXR Depth Sensing Module による depth 推定の結果を Babylon.js で扱うデモンストレーション。

取得した Depth 値から Depth 画像を生成してリアルタイムで表示します。

Depth 画像は WebXR DOM Overlay によって canvas 要素を使っています。

## 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

最初に HTTPS を有効にするため、OpenSSL コマンドで SSL/TLS 証明書を発行します。

`CommonName?`と聞かれたら、`https://:3000`と入力します。

```bash

openssl req -newkey rsa:2048 -new -nodes -x509 -days 3650 -keyout key.pem -out cert.pem

```

その後次のコマンドにより、インストールと開発用サーバーを起動します。

```bash

# install

yarn install

# launch dev server

yarn dev

```

## Contact

何かございましたら、[にー兄さんの Twitter](https://twitter.com/ninisan_drumath)へご連絡ください。