alemart / martins-js

GPU-accelerated Augmented Reality for the web.

MARTINS.js WebAR engine

Create amazing Augmented Reality experiences with MARTINS.js, a GPU-accelerated Augmented Reality engine for the web. Users don't need specialized hardware nor dedicated software - only a modern web browser.

Try a demo | ❤️ Support my work!

👨‍💻 MARTINS.js is developed by Alexandre Martins and is based on Speedy Vision.

📚 Technical documentation is available at https://alemart.github.io/martins-js/.

Try WebAR right now!

1. Scan or tap the QR code below with a mobile device.
2. A web page will be opened. It's the WebAR experience.
3. The web page will request access to your webcam. Authorize it.
4. Scan the cartoon below.
5. Enjoy! 😉

Guidelines for WebAR:

• WebGL2 and WebAssembly are required. Use a compatible browser.
• Don't move the camera too quickly - it produces motion blur.
• The physical environment should be properly illuminated.
• Avoid low-quality cameras (cameras of common smartphones are OK).

Visit the Demo gallery for more.

Try locally

Try the demos on your own machine:

1. Run on a console:

git clone [e-mail]:alemart/martins-js.git
cd martins-js
npm start

2. Open https://localhost:8000/demos/
3. Pick a demo and have fun!

Features

• Image tracking, also known as natural feature tracking. Use it to track detailed images such as: book covers, cartoons and photos.

What can you do with Web-based Augmented Reality?

Lots of exciting things that run in the web browser! No need to install apps!

• WebAR games
• Marketing gimmicks
• Interactive art
• Tech demos
• ...and more!

Why use MARTINS.js?

Here is why MARTINS.js is a great choice for creating Augmented Reality experiences:

• No need to download apps! MARTINS.js is a WebAR engine. It runs in web browsers. Users can access the AR experience immediately.
• Fast and powerful! MARTINS.js is GPU-accelerated. It uses WebGL2 and WebAssembly for turbocharged performance.
• No need of custom hardware or software! MARTINS.js is built from scratch using standard web technologies. All it requires is a modern web browser.
• Fully standalone! MARTINS.js has in it everything it needs to analyze the environment and help you create AR. There are no additional requirements. No need of WebXR.
• Easy to get started! MARTINS.js can be used with a <script> tag in your page. A static HTML page is enough to get started.

Browser compatibility

MARTINS.js is compatible with all major web browsers:

Chrome	Edge	Firefox	Opera	Safari*
✔	✔	✔	✔	✔

* use Safari 15.2 or later.

MARTINS.js requires WebGL2 and WebAssembly.

License

Released under the AGPL 3.0. A different license is available if you support my work.