Sweet Memory

By Memory Games

Memory Games

0 subscribers

Based on the following code

Memory Game

Memory Game

Just Sparrow

35 views ยท 19d ago

6 viewsยท17d ago

Sweet Memory

A kid-friendly memory matching game with 32 sweet treats and snacks โ€” cakes, candies, frozen desserts, pastries, and savory bites. 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 treat.
  3. Tap a second card. If both treats 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: Sweet Memory
  • Subtitle: Match the yummy treats!
  • 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 treat
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 treats 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.

Treats Pool (32 total)

CategoryTreats
Cakes & sweets๐Ÿฐ ๐ŸŽ‚ ๐Ÿง ๐Ÿฅง ๐Ÿฎ ๐Ÿญ ๐Ÿฌ ๐Ÿซ ๐Ÿฉ ๐Ÿช ๐Ÿฏ
Frozen treats๐Ÿฆ ๐Ÿจ ๐Ÿง
Pastries & bread๐Ÿฅ ๐Ÿฅฏ ๐Ÿฅ– ๐Ÿง‡ ๐Ÿฅž ๐Ÿฟ
Savory snacks๐Ÿณ ๐Ÿง€ ๐Ÿฅจ ๐Ÿ” ๐Ÿ• ๐ŸŒฎ ๐ŸŒญ ๐ŸŸ ๐Ÿฅช
Japanese๐Ÿฑ ๐Ÿฃ ๐Ÿ™

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 treat'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 strawberry pastel 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: #fffafa
    • Face-down card color: #ffb6c8 (with the โ™ฅ icon)
    • Matched card gradient: #ffe4ec โ†’ #ffb6c8, border #ff8fb5
    • Title text gradient: #ff8fb5 โ†’ #ffb088 โ†’ #ffce88 โ†’ #88d4b8
    • Primary button gradient: #ff6b9d โ†’ #ffa726 โ†’ #ffcc00
    • Stat accent colors: #ff6b9d / #5cc8a0 / #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.

Loading comments...

Other Codes

No other codes yet