Du kannst nicht mehr als 25 Themen auswählen Themen müssen mit entweder einem Buchstaben oder einer Ziffer beginnen. Sie können Bindestriche („-“) enthalten und bis zu 35 Zeichen lang sein.

demos.md 2.9KB


title: WebAR demos

WebAR demos

Here you’ll find some cool examples of what you can do with MARTINS.js. They are hosted on Glitch{ ._blank }: it’s easy to remix them. Simply click on a link or scan any of the QR codes below.

Important: after opening the web pages, scan the reference image below.

Basic demos

The following demos will help you get started:

![QR code](./img/qr-demo-hello-aframe.png) **WebAR with MARTINS.js + AFRAME** [Launch demo](https://webar-martins-js-hello-aframe.glitch.me){ ._blank } | [View code](https://glitch.com/edit/#!/webar-martins-js-hello-aframe){ ._blank }
![QR code](./img/qr-demo-hello-three.png) **WebAR with MARTINS.js + THREE.js** [Launch demo](https://webar-martins-js-hello-three.glitch.me){ ._blank } | [View code](https://glitch.com/edit/#!/webar-martins-js-hello-three){ ._blank }
![QR code](./img/qr-demo-hello-webgl.png) **WebAR with MARTINS.js + pure WebGL** [Launch demo](https://webar-martins-js-hello-webgl.glitch.me){ ._blank } | [View code](https://glitch.com/edit/#!/webar-martins-js-hello-webgl){ ._blank }
![](./img/logo-babylonjs.png "Babylon.js logo by David Catuhe") **WebAR with MARTINS.js + BABYLON.js** Soon!
![QR code](./img/qr-demo-hello-world.png) **Hello, world: minimal example** [Launch demo](https://webar-martins-js-hello-world.glitch.me){ ._blank } | [View code](https://glitch.com/edit/#!/webar-martins-js-hello-world){ ._blank }

!!! tip Tip

AFRAME is the easiest choice for non-coders. If you're a coder, all choices are good.

Fun & games

WebAR can be a lot of fun. More demos coming soon!

![QR code](./img/qr-demo-interactivity-three.png) **Touch interaction with THREE.js** [Launch demo](https://webar-martins-js-interactivity-three.glitch.me){ ._blank } | [View code](https://glitch.com/edit/#!/webar-martins-js-interactivity-three){ ._blank }

Reference image

Reference image{ ._blank }