Berry Memory | HTML5 Memory Matching Puzzle Game
 | | |
Berry Memory is a colorful and engaging HTML5 memory matching game designed to challenge players’ concentration, observation, and memory skills. Flip the cards, memorize the colorful berry designs, find matching pairs, and complete each level in the shortest possible time.
The game features 10 progressive levels, animated card flips, a timed gameplay system, move tracking, and a berry-themed visual design. Each level begins with a short preview that lets players memorize the cards before they are hidden. As players progress, the board becomes larger and the memorization time gets shorter, providing an increasingly challenging experience.
With responsive canvas-based rendering, touch-friendly controls, cheerful sound effects, and generated background music, Berry Memory is suitable for casual gaming websites, HTML5 game portals, and browser-based puzzle collections.
- How to Play
- Start the Game: Tap Play to begin or select an unlocked level. - Memorize the Cards: Study the berry cards during the initial preview. - Flip the Cards: Tap or click a card to reveal its berry design. - Find Matching Pairs: Reveal two cards and remember their positions when they do not match. - Complete the Board: Match every pair to finish the level. - Beat Your Best Time: Complete levels faster and track the number of flips you use. - Unlock New Levels: Finish a level to unlock the next challenge. - Pause and Resume: Use the pause button or press P or Escape to pause and resume.
- Technology Used
- HTML5 - CSS3 - Vanilla JavaScript - HTML5 Canvas API - Web Audio API for sound effects and generated background music - SVG graphics for interface elements - LocalStorage for saving the best completion time and unlocked levels - Responsive canvas scaling for different screen sizes
- Features
- Colorful berry-themed memory matching gameplay - 10 progressive levels with increasing difficulty - Multiple board layouts, from 3 × 4 to 5 × 6 cards - Timed card preview at the start of each level - Shorter preview times as difficulty increases - Animated card-flip transitions - Randomized card arrangement for replayability - Matching-pair detection and visual feedback - Timer and flip counter - Best completion time tracking - Level selection menu with locked and completed level indicators - Automatic level unlocking after completion - Particle effects and animated match highlights - Procedurally generated sound effects - Background music with separate sound and music toggles - Pause, resume, restart, and main menu controls - Loading screen with animated progress bar - Victory screen with completion time and flip count - Responsive controls for touchscreen devices - Lightweight implementation using vanilla JavaScript - No external game engine required
- Supported Browsers
Designed for modern browsers supporting HTML5 Canvas, JavaScript, Web Audio API, and LocalStorage:
- Google Chrome - Mozilla Firefox - Microsoft Edge - Apple Safari
