This interactive game helps students master the locations of angles on the unit circle using radians. Players are shown a radian value (e.g., ( \frac{\pi}{6} )) and must click the corresponding point on a custom SVG unit circle. Great for high school math classrooms!
- Clean, responsive SVG-based unit circle
- MathJax-rendered angle prompts
- Instant feedback for correct or incorrect answers
- Optional alternate angles like ( 13\pi/6 ) and ( -\pi/6 )
- 30-second challenge mode with countdown timer
- Local high score leaderboard with percentage accuracy
- Sound effects for correct and incorrect answers
- Fully offline and self-contained (no server required)
- Click the correct angle when prompted.
- A 30-second timer starts on your first click.
- Try to answer as many correctly as you can before time runs out.
- Enter your name to save your score to the local leaderboard.
- Use the checkbox to enable alternate angles for an added challenge.
Unit-Circle-Game/
├── index.html # Main game logic and UI
├── correct-ding.mp3 # Sound for correct answer
├── wrong-buzz.mp3 # Sound for incorrect answer
├── Unit Circle.svg # Custom SVG graphic
└── README.md # You’re reading it!
This game can be hosted on GitHub Pages and embedded into Google Sites or other platforms.
This game is designed with high school students in mind — it works especially well in small class settings where engagement and repetition are key to mastering angle locations.
- Toggleable difficulty levels
- Support for degrees and custom question sets
- Exportable high scores
- Classroom mode (group play or team challenges)
Andrew Sindel
High School Math Teacher – Lee Vining High School, CA