The XR-first Web Runtime

  • Rendering applications in one space and to be interacted with
  • Supports TypeScript natively, no need for compilation or configuration
  • Supports Web APIs to make libraries like Three.js and Babylon.js work
YodaOS JSAR: The embeddable AR runtime for JavaScript Developers
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 <html> <head> <meta charset="utf-8" /> <title>Sample</title> <script type="importmap"> { "imports": { "three": "https://cdn.jsdelivr.net/npm/three@latest/build/three.module.js", "three/addons/": "https://cdn.jsdelivr.net/npm/three@latest/examples/jsm/" } } </script> <script type="module" src="./index.ts"></script> </head> <body> <div> <h1>Example</h1> <p>Sample code for JSAR</p> <sphere /> </div> </body> </html>

HTML can be used to
describe 3D

We need to recap the way we think about HTML.
Any element in HTML could just be an object in 3D with zero depth, but it could be 3D.
z-index is not only designed to represent the order of elements, but also the depth of elements in 3D.
translate3d() is the true 3D transformation now!

TypeScript Built-in

JSAR runtime can directly execute TypeScript code, developers is free to use TypeScript without any compilation or configuration.
TypeScript
  • Use TypeScript with one-step simple configuration
  • enjoy TypeScript's intelligent suggestions in Visual Studio Code
  • Publish applications using TypeScript source code without the need for additional builds
Three.js

Using Three.js

Three.js is most popular open-source 3D library in Web. It provides a range of APIs for developing 3D games and applications.
Three.js developers is free to use it to build applications in JSAR.
Babylon.js

Using Babylon.js

Babylon.js is an open-source 3D rendering engine that supports multiple backends (WebGL, WebGPU, server-side, and native). It provides a range of game scene APIs for developing 3D games and applications.
Babylon.js developers can be free to use this library in JSAR (with WebGL2 backend) to create rich WebXR contents and applications.
Babylon.js

Built with Unity

The Web application running in JSAR can run inside Unity. We provide the JSAR UPM (Unity Package Manager) plugin, which allows you to implement the underlying data interfaces as needed, enabling you to run Web applications in your Unity project.

Ready to get started?