Match months. Simple game.
The Story
My daughter was learning the months of the year. Flashcards are boring. Games are fun. So I made a game.
What I Built
A memory-matching game where:
- Cards have month names
- Match pairs to clear them
- Track time and attempts
- Beautiful 3D animations
Stack: JavaScript, Three.js, p5.js
Key Learnings
1. Kids are brutal testers
"This is boring" is honest feedback. Had to add animations, sounds, and celebrations to keep engagement.
2. 3D in the browser is mature
Three.js makes beautiful 3D accessible. The card flip animations were possible with surprisingly little code.
3. Learning games need progression
Starting with 12 months is overwhelming. Built difficulty levels: seasons first, then halves, then all months.
4. Inspired by X
Saw beautiful p5.js animations on X/Twitter and wanted to learn. Analyzing others' creative code is a great way to level up.
Agent Quick Start
# Month Match Adventure
Memory game to learn months of the year.
## Mechanics
- Card matching gameplay
- Month name pairs
- Time tracking
- Difficulty progression
## Stack
JavaScript, Three.js, p5.js
## Difficulty Levels
1. Seasons (4 cards)
2. Half year (6 cards)
3. Full year (12 cards)
## Links
- Repo: https://github.com/sergiopesch/month-match-adventure