← All AR apps

Marker AR

Marker AR Lesson

A printed Hiro marker launches a browser-based 3D classroom lesson.

🎯

Challenge

Schools want interactive 3D lessons that spring from ordinary printed worksheets, but installing apps on shared or IT-managed devices is a real blocker — and most classrooms only have a mix of phones and tablets.

Solution

A printed Hiro marker becomes the trigger. Students open a link, allow the camera once, and AR.js + A-Frame track the marker to anchor a 3D lesson object on the page in real time — entirely in the browser, with no install, login, or app store.

Key Features

  • AR.js + A-Frame marker tracking in the browser
  • Printable Hiro marker sheet (open or print)
  • 3D object locked to the printed target
  • Runs on locked-down, shared school devices
  • No install, account, or app store needed

User Flow

  1. Open the marker app on a phone or tablet
  2. Print the Hiro marker or open it on a second screen
  3. Allow camera access when prompted
  4. Point the camera at the marker to reveal the 3D lesson

Client Value

  • Bridges paper worksheets to interactive 3D content
  • Zero-install fit for restricted classroom devices
  • Cheap to roll out at scale — just print more markers
  • Fast, reliable demo for teachers and clients

Technology Used

AR.jsA-FrameHiro marker trackingWebGLCamera · getUserMedia

Want an AR app like this?

A Plus Games Studio builds WebAR and native AR apps for brands, retailers, schools and museums: marker and image tracking, GPS trails, 3D product viewers and room placement. Browser-based AR needs no app store and works on most phones. Tell us what you want people to see through the camera and we will come back with a plan and a quote.

Get a free AR quote AR development services AR for furniture and retail

More AR case studies

🌐 User Friendly AR Browser 🚀 Fully User Friendly AR Web Browser 🧭 Campus Learning Trail 🔎 Internet Based Web Browser 🪐 3D Text Model Viewer 📷 Poster Scan Lessons 🛋️ Furniture Room Placement