Turn campus orientation into a **game-like AR experience**.
Transform campus orientation into an**interactive AR adventure**!
New students follow simple **quests** to reach important POIs (classrooms, cafeteria, library), and unlock **badges** as they complete challenges.
Students follow **quests** to visit important Points of Interest (POIs) around campus. At each location, they can **check in** or **tap-to-collect** a virtual item. Completing challenges unlocks**badges and achievements**, making exploration fun and engaging.
The focus is on building a **fun, lightweight MVP in 2 days** using **WebXR** so it runs directly in the browser (no app install required).
Built with **WebXR + Three.js** to run directly in the browser (no app install required).
---
---
...
@@ -22,15 +22,19 @@ The focus is on building a **fun, lightweight MVP in 2 days** using **WebXR** so
...
@@ -22,15 +22,19 @@ The focus is on building a **fun, lightweight MVP in 2 days** using **WebXR** so
---
---
## Acceptance Criteria
## Acceptance Criteria
- A student can complete a **quest** (find a POI) in < 5 minutes.
- Users can see AR labels/icons for POIs and check in at least one location.
- A badge is awarded when a POI is reached.
- Multiple POIs form a simple quest, with progress tracked between them.
- AR labels/icons are **visible and not cluttered**.
- Badges unlock when POIs or full quests are completed and stored locally.
- The app runs directly in the browser on supported devices (**WebXR in Chrome on Android**).
- A navigation aid (compass arrow or mini-map) helps guide users to POIs.
- AR labels/icons remain readable, stable, and not cluttered during play.
- Stretch goal: optional collectibles (coins/tokens) and replayable quests.
---
---
## Environment Setup
## Environment Setup
**Web AR Stack**
**Web AR Stack**
- WebXR + Three.js / Babylon.js / AR.js
- WebXR + Three.js
- Runs in Chrome
-**GPS Integration**: HTML5 Geolocation API (outdoor navigation)
-**Target Devices**: Android (Chrome with WebXR support).
