Sports Memory

By Memory Games

Memory Games

0 subscribers

Based on the following code

Memory Game

Memory Game

Just Sparrow

35 views Β· 19d ago

1 viewsΒ·17d 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

  1. Tap START on the cover screen to begin.
  2. Tap any card to flip it over and reveal the sport.
  3. Tap a second card. If both sports match, the pair stays revealed.
  4. If they don't match, both cards flip back face-down. (You can tap a new card right away β€” no waiting required.)
  5. 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

LevelGridTypesCardsNotes
12Γ—224
23Γ—348Center cell empty
34Γ—44164 copies of each sport
44Γ—4816
55Γ—56244 copies, center empty
65Γ—51224Center empty
76Γ—69364 copies of each
86Γ—61836
98Γ—816644 copies of each
108Γ—83264All 32 sports used
11+8Γ—83264Endless β€” 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)

CategorySports
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)
  • 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 vw units for portrait displays.

Loading comments...

Other Codes

No other codes yet