Best way to port a web app that uses Three.js to use Leia 3D

[TheAussieStew (Kongwei)]

I’m completely new to Leia and have only recently found out about its 3D capabilities. I’m currently building an app that has a 3D UI and was wondering the best way to port it to Leia. I understand there’s an Android SDK but this is a web app, using React, TypeScript and Three.js so it would be difficult to port it to Android. Any ideas? I also saw that there was some kind of WebXR hack that allowed the Leia to run WebXR apps.

[sdoughtie (Sean Doughtie)]

Where did you see the hack, I am interested.

As far as I know, Leia depricated the WebGL SDK. I haven’t check to see if it still works on the Lumepad2.

(Deprecated) WebGL SDK Guide - Developer Docs (leiainc.com)

[TheAussieStew (Kongwei)]

New, Free Tool: WebXR Workaround Support Shim Apk

Thanks to @simongellis, Leia Lume Pad 2 and Nubia Pad 3D developers now have a new option for delivering 3D Stereo, Head-Tracked, content to Leia’s holographic displays! WebXR! Using Simon’s simple wrapper app, you can use Android’s built in “share intent” system to open any web url from Chrome in Stereo 3D! Check out the source code here: Download the “viewer” apk here: https://www.reddit.com/r/LeiaInc/comments/1aftzsx/new_open_source_release_leia_webxr_by_supernavix/ Help spread th…

This looks like it would enable the Leia devices to render WebXR content.

[sdoughtie (Sean Doughtie)]

Thanks!

[gracelia (Grace)]

The WebXR hack you mentioned might be a good starting point. From what I understand, Leia has built-in support for WebXR, which allows you to run certain types of 3D web apps on the device. The key would be ensuring your Three.js code is compatible with the WebXR API and then testing it on the Leia hardware.