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.
npm startspins up an HTTPS server with browsersync. HTTPS is important. Most browsers don't allow camera access over HTTP.control+option+iwhile running the server opens inspector.- aframe-watcher runs in the background to save any changes from inspector.
- Test locally on your phone by going to the external address provided in the console and pointing your phone to the poster.