Vehicle Memory

A kid-friendly memory matching game packed with 32 vehicles by land, air, rail, and sea. 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 vehicle.
3. Tap a second card. If both vehicles 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: Vehicle Memory
• Subtitle: Match the wheels, wings & waves!
• 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 vehicle
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 vehicles 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.

Vehicles Pool (32 total)

Category	Vehicles
Road cars	🚗 🚕 🚙 🚌 🚎 🏎️ 🚓 🚑 🚒 🚐
Trucks	🚚 🚛 🛻 🚜
Two-wheelers	🏍️ 🛵 🚲 🛴
Air & space	✈️ 🚁 🚀 🛸
Rail	🚂 🚆 🚄 🚇
Water	⛵ 🚤 🛳️ ⛴️ 🛶 🚢

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 vehicle'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 sky-blue road 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: #f5fbff
  • Face-down card color: #29b6f6 (with the ➤ icon)
  • Matched card gradient: #e1f5fe → #81d4fa, border #29b6f6
  • Title text gradient: #ff5252 → #ffa726 → #ffd54f → #4fc3f7
  • Primary button gradient: #ff5252 → #ffa726 → #4fc3f7
  • Stat accent colors: #1976d2 / #ff5252 / #ffa726 (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.