My First AR Project - Corinthians Symbol

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.

🚀 Features

• 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.

🛠 Technologies Used

• A-Frame (v1.3.0)
• AR.js
• A-Frame Extras

🎮 How to Use

Access

Access the deployed project safely via HTTPS: 👉 rob-first-ra.netlify.app

Instructions

1. Open the link on a device with a camera (smartphone or laptop).
2. Allow the browser to access the camera.
3. Point the camera at the Hiro Marker below.

Marker

Permit the app to use the camera and RA related sensors. Then point the camera to the default marker.

📹 Demo

Click on the flowing link/image to see the demo video:

🎨 Credits

"Corinthians Symbol ~ Símbolo do Corinthians" by Lucas Quincoses Toledo is licensed under Creative Commons Attribution.