Ion 3D Engine showcase - VR User Interface (UI)

Showcase
, , , , , ,
1

Showcasing the ion 3D Engine

Home page: https://ion-3d-engine.io/
Github: GitHub - samrun0/ion-3D-Engine: A Javascript library for building 3D websites and virtual reality experiences.

ion Engine is a Javascript library for building 3D websites and virtual reality experiences. It supports creating interactive user interfaces for WebGL and WebXR projects. This way we can create VR experiences that include interactive HTML elements such as buttons, forms, and other UI components. Any supported HTML content can be converted to a 3D interface. Complex user interfaces in HTML/CSS/Javascript can be rendered in the ThreeJS 3D scene.

Links Preview
Source Code
Live Demo
Example Demo
Source Code
Live Demo
Example Demo
Source Code
Live Demo
Example Demo
7 Likes
2

Liked the sample 3D HTML form. It might be interesting to make its less transparent, e.g. as if the panel is made of some translucent plastic that blurs the view from the other side.

I tried the demo in a non-VR set mode. How do I click on the form elements?

3

Hi @PavelBoytchev, really appreciate your feedback. Yeah that’d look nice. There is another example that has a blurry translucent background here: ION 3D Engine Example

You can move in the scene AWSD keys and then aim at the elements and then mouse click to interact with them.

If you see any problems or even have suggestions please create an issue here: Issues · samrun0/ion-3D-Engine · GitHub

Thanks.

1 Like