Sports Memory
By Memory Games
Based on the following code

Memory Game
Just Sparrow
35 views Β· 19d ago
Sports Memory
A kid-friendly memory matching game with 32 sports balls, gear, and athletes β from soccer and basketball to skiing and cycling. Flip cards, find pairs, and progress through 10 levels β then keep going forever in endless mode.
How to Play
- Tap START on the cover screen to begin.
- Tap any card to flip it over and reveal the sport.
- Tap a second card. If both sports match, the pair stays revealed.
- If they don't match, both cards flip back face-down. (You can tap a new card right away β no waiting required.)
- Clear all pairs on the board to advance to the next level.
Cover Screen
A title screen greets the player on launch:
- Title: Sports Memory
- Subtitle: Match the game day pairs!
- Six preview cards floating gently: β½ π πΎ π π₯ π΄
- A large START button to begin
Tapping the π home button mid-game returns to this cover screen and resets to Level 1.
Features
10 Levels + Endless Mode
| Level | Grid | Types | Cards | Notes |
|---|---|---|---|---|
| 1 | 2Γ2 | 2 | 4 | |
| 2 | 3Γ3 | 4 | 8 | Center cell empty |
| 3 | 4Γ4 | 4 | 16 | 4 copies of each sport |
| 4 | 4Γ4 | 8 | 16 | |
| 5 | 5Γ5 | 6 | 24 | 4 copies, center empty |
| 6 | 5Γ5 | 12 | 24 | Center empty |
| 7 | 6Γ6 | 9 | 36 | 4 copies of each |
| 8 | 6Γ6 | 18 | 36 | |
| 9 | 8Γ8 | 16 | 64 | 4 copies of each |
| 10 | 8Γ8 | 32 | 64 | All 32 sports used |
| 11+ | 8Γ8 | 32 | 64 | Endless β stages keep counting up |
After clearing Level 10, an endless mode unlocks with no upper limit. The stage number keeps rising, and cumulative stats (Moves, Matches, Time) replace per-level stats on the HUD.
Sports Pool (32 total)
| Category | Sports |
|---|---|
| Balls | β½ π π βΎ π₯ πΎ π π π₯ π± |
| Racket sports | π πΈ |
| Combat sports | π₯ π₯ π€Ί |
| Apparel & gear | π½ πΉ βΈοΈ πΏ π πͺ |
| Athletes | ποΈ π€Έ ποΈ π π π π£ π΄ π΅ π§ |
| Award | π₯ |
Sound Effects & Voice
All sounds are generated on the fly β no external audio files.
Two audio modes (toggle with the π£οΈ / π΅ button on the right):
- Voice mode (default, π£οΈ): Card flips speak the sport's English name via the Web Speech API. Voice quality depends on the device's system TTS (best on iOS/macOS, also good on modern Android, more robotic on Windows defaults).
- Tone mode (π΅): Card flips play a soft synthesized tap tone instead.
Match / level sounds (always synthesized tones, both modes):
- Bright three-note chime on a successful match
- Gentle two-note descent on a miss
- Ascending arpeggio on level clear
- Longer celebratory melody when Level 10 is cleared
A separate mute button (π / π) silences everything β both voice and tones.
Final Celebration
Clearing Level 10 unlocks a special modal:
- π Trophy pop-up animation
- Cumulative stats (Total Moves, Total Time)
- Emoji confetti rain (ππβ¨πβπππππ)
- GO AHEAD!! button to continue into endless mode
Quality-of-Life Details
Three small theme-colored buttons sit at the top of the screen (styled like miniature cards):
- π Home (top-left): Return to the cover screen and reset to Level 1.
- π / π Mute (top-right): Silence everything.
- π£οΈ / π΅ Voice toggle (top-right, below mute): Switch between voice (default) and tone modes.
Other niceties:
- Interruptible misses: When two non-matching cards are showing, tap any other card to flip them back and start a new pair immediately β no waiting.
- Auto progression: Each level clear advances automatically when you tap the modal button.
Design
This game shares the gameplay and layout of the base Memory Game, with a grass-field green color palette tuned to the theme.
- Portrait layout (9:16 aspect ratio) sized with
100vw Γ 177.78vwβ fits entirely on a phone without scrolling. - Theme palette:
- Page background:
#f5fbf5 - Face-down card color:
#66bb6a(with theβicon) - Matched card gradient:
#e8f5e9β#a5d6a7, border#4caf50 - Title text gradient:
#ef5350β#ff9800β#4caf50β#2196f3 - Primary button gradient:
#ef5350β#ff9800β#ffd54f - Stat accent colors:
#ef5350/#2196f3/#ff9800(Moves / Matches / Time)
- Page background:
- Fredoka font (Google Fonts) for a rounded, child-friendly look on both desktop and mobile.
Tech
- Single HTML file, no build step or external assets (one Google Fonts link).
- Pure CSS for all animations.
- Web Audio API for synthesized match/miss/level chimes.
- Web Speech API for voice mode β uses the device's system TTS, works offline.
- Sized in
vwunits for portrait displays.
Loading comments...
Other Codes
No other codes yet
