Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Augmented reality print poster with A-Frame and MindAR

JasonBernert/ar-poster

Repository files navigation

Augmented reality print poster

This augmented reality print poster uses A-Frame to create a web-based 3-D scene, the three.js API to animate elements, and image tracking with MindAR to map the scene to the poster. This approach avoids the user to download an app to experience the poster. All you need is a QR code that points to an A-Frame site.

Development

  1. npm start spins up an HTTPS server with browsersync. HTTPS is important. Most browsers don't allow camera access over HTTP.
  2. control + option + i while running the server opens inspector.
  3. aframe-watcher runs in the background to save any changes from inspector.
  4. Test locally on your phone by going to the external address provided in the console and pointing your phone to the poster.

Poster

Lean into the future

About

Augmented reality print poster with A-Frame and MindAR

Resources

Stars

Watchers

Forks