This is a Web Augmented Reality (WebAR) project developed using A-Frame and AR.js. It displays an interactive 3D model of the Corinthians symbol when a specific marker is detected by the camera.
- Marker Tracking: Uses the standard "Hiro" marker to position the 3D content.
- Interactive Scaling: Press and hold (mouse or touch) to temporarily increase the size of the model.
- Interactive Animation: Click or tap the model to trigger a 360-degree rotation.
- Internal Animations: Supports GLTF internal animations via
animation-mixer. - Lighting: Custom ambient and directional lighting setup.
- A-Frame (v1.3.0)
- AR.js
- A-Frame Extras
Access the deployed project safely via HTTPS: 👉 rob-first-ra.netlify.app
- Open the link on a device with a camera (smartphone or laptop).
- Allow the browser to access the camera.
- Point the camera at the Hiro Marker below.
Permit the app to use the camera and RA related sensors. Then point the camera to the default marker.
Click on the flowing link/image to see the demo video:
"Corinthians Symbol ~ Símbolo do Corinthians" by Lucas Quincoses Toledo is licensed under Creative Commons Attribution.