Giter Club home page Giter Club logo

immersal-babylon-webxr's Introduction

Immersal Localization Testbed with Babylon WebAR

日本語

immersal-babylon-webxr.mp4

About

An testbed project to localize Immersal 3D map within Babylon.js WebAR app.

To get and calculate camera images and camera intrinsics, camera-access module for WebXR Device API can be used.

From these data, we can get pose matrix of WebAR camera.

Environment

  • Babylon.js 5.13.3
  • Immersal REST API 1.16.1
  • Vite 2.9.9
  • TypeScript
  • yarn
  • Node.js 16.13
  • Windows 10 Home
  • Android 12 Pixel 4a 5G

Setup

Enable https

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

Add .env.local

Create .env.local file under the project root directory, and put Immersal API Token and Map ID you will localize.

VITE_IMMERSAL_TOKEN=<Immersal API TOKEN>
VITE_MAP_ID=<MAP ID>

Install dependency

yarn install

Enable WebXR Incubation

Now, camera-access is provided for only Chrome for Android. You have to access to chrome://flags and enable "WebXR Incubation".

Usage

Run this app for the command below.

yarn dev

Contact

You can ask me anything on my twitter.

immersal-babylon-webxr's People

Contributors

drumath2237 avatar tarukosu avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

immersal-babylon-webxr's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.