https://github.com/drumath2237/babylon-webar-sandbox

WebAR for Chromium-based Edge on Hololens2 with Babylon.js :sparkles:
https://github.com/drumath2237/babylon-webar-sandbox

babylonjs hololens2 typescript vite webar

Last synced: 8 months ago
JSON representation

WebAR for Chromium-based Edge on Hololens2 with Babylon.js :sparkles:

• Host: GitHub
• URL: https://github.com/drumath2237/babylon-webar-sandbox
• Owner: drumath2237
• License: apache-2.0
• Created: 2021-05-15T18:19:47.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2021-05-24T07:41:54.000Z (over 4 years ago)
• Last Synced: 2025-01-15T06:50:51.586Z (9 months ago)
• Topics: babylonjs, hololens2, typescript, vite, webar
• Language: TypeScript
• Homepage: https://drumath2237.github.io/babylon-webar-sandbox
• Size: 4.71 MB
• Stars: 2
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE.md

Awesome Lists containing this project

README

          
# babylon-webar-sandbox

[![github pages](https://github.com/drumath2237/babylon-webar-sandbox/actions/workflows/gh-pages.yml/badge.svg)](https://github.com/drumath2237/babylon-webar-sandbox/actions/workflows/gh-pages.yml)

## About

HoloLens2のOSアプデ(21H1)でChromium-based Edgeが使えるようになり、

WebXRができるようになったのでBabylon.jsで試すために作った。

HandTrackingだったりHolographic Buttonだったりが使える。

https://twitter.com/ninisan_drumath/status/1393625116660043785

## Demo

![img](docs/cube-physics.png)

（QRコード使うとHoloLensで表示するのに便利なので）

[![img](docs/qrcode_drumath2237.github.io.png)](https://drumath2237.github.io/babylon-webar-sandbox)

## Install

```bash

yarn install

```

## Usage

WebXR APIを使うので、LAN内であってもhttpsで通信する必要がある。

ターミナルで秘密鍵、公開鍵を作成するために以下を実行する。(Windowsの場合はwslを使う)

```bash

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

```

途中にPCのIPアドレスを指定する箇所がある。

HoloLens2のEdgeで`edge://flags`にアクセスして

- WebXR Incubation

- WebXR experience with joint tracking

を有効にする。

そのあとターミナルに戻って以下を実行し、IPを指定してHoloLens2からアクセスする。

```bash

yarn dev

```

## Contact

何かございましたら[にー兄さん](https://twitter.com/ninisan_drumath)までお願いします。