🥽 AR Demos

Interactive Web AR Experiences with A-Frame

📱 Scan any QR code below with your mobile device to try live AR demos
📱 Scan with mobile camera
3D MODELS

3D Models AR Experience

Explore interactive 3D models in augmented reality. This demo showcases how to load and display complex 3D objects that users can view from all angles in their real environment.

https://www.learn-creative.com/3dmodels/ar2.html
📱 Scan with mobile camera
LOCATION BASED

Zwolle AR Experience

Location-based augmented reality demo featuring the city of Zwolle. Experience how AR can be tied to real-world locations using GPS coordinates and geographical data.

https://www.learn-creative.com/ARCM/zwolle.html
📱 Scan with mobile camera
BASIC SHAPES

Simple Box Animation

A fundamental AR demo featuring an animated 3D box. Perfect for understanding the basics of marker-based AR tracking and simple animations in A-Frame.

https://www.learn-creative.com/AR_Shapes/araniminter.html
📱 Scan with mobile camera
AUDIO AR

Box with Sound

Experience spatial audio in AR! This demo combines 3D visuals with positional sound, demonstrating how audio can enhance AR experiences and create more immersive interactions.

https://www.learn-creative.com/AR_Shapes/arsound_v2.html
📱 Scan with mobile camera
ANIMATION

Earth Rotation

Watch our planet Earth rotate in your real environment! This demo showcases smooth 3D animations and demonstrates how educational content can be brought to life through AR.

https://www.learn-creative.com/AR_Shapes/webarotate.html
📱 Scan with mobile camera
BEGINNER

Simple AR

The perfect starting point for AR development. This minimalist demo shows the core concepts of Web AR without complexity, ideal for understanding the fundamentals.

https://www.learn-creative.com/arloc/arloc_simple.html
📱 Scan with mobile camera
INTERACTIVE

AR Shape Sound

Interactive AR shapes with dynamic sound effects. Experience how user interactions can trigger both visual and audio responses in augmented reality environments.

https://www.learn-creative.com/arvideo/aranimintersound.html
📱 Scan with mobile camera
DEVELOPMENT TOOL

Marker Creator

Create your own custom AR markers! This essential tool allows developers to generate unique tracking markers for their AR projects, enabling personalized AR experiences.

https://jeromeetienne.github.io/AR.js/three.js/examples/marker-training/examples/generator.html