Skip to content

EdgeOverOdds/matching

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Pokemon and Friends Matching Game - Ultra Cool Edition

An incredibly cool and visually stunning matching game featuring Pokemon and their friends with amazing animations, particle effects, and sound!

Features

Visual Effects

  • Animated Gradient Background: Beautiful, shifting gradient background that changes over time
  • Glowing Title: Neon glow effect on the title with floating animation
  • Smooth Card Animations: 3D card flip animations with bounce effects
  • Particle Explosions: Colorful particles burst when you make a match
  • Victory Confetti: Spectacular confetti celebration when you win
  • Card Hover Effects: Cards scale up and glow when you hover over them
  • Match Glow: Matched cards get special glowing borders

Game Features

  • Score System: Earn points for each match, multiplied by your combo
  • Combo System: Build up combos by making consecutive matches
  • Move Counter: Track how many moves you've made
  • Timer: See how fast you can complete the game
  • Victory Screen: Epic victory screen showing your final stats

Sound Effects

  • Card Flip Sound: Satisfying sound when flipping cards
  • Match Sound: Pleasant melody when cards match
  • Wrong Match Sound: Distinct sound when cards don't match
  • Victory Sound: Triumphant tune when you complete the game

UI/UX Enhancements

  • Retro Gaming Font: Press Start 2P font for that classic game feel
  • Glass-morphism Stats: Beautiful frosted glass effect on stat boxes
  • Responsive Design: Works great on different screen sizes
  • Smooth Transitions: Everything animates beautifully

How to Play

  1. Open index.html in your web browser
  2. Click on a card to reveal the image
  3. Click on a second card to find its match
  4. Build combos by matching cards consecutively for higher scores
  5. If cards match, they stay face up and you earn points
  6. If they don't match, they flip back and your combo resets
  7. Complete all matches to see your victory screen with confetti
  8. Click "Reset Game" or "Play Again" to start a new game

Scoring System

  • Each match gives you 100 points × current combo
  • First match: 100 points (combo 1)
  • Second consecutive match: 200 points (combo 2)
  • Third consecutive match: 300 points (combo 3)
  • And so on...
  • Missing a match resets your combo to 0

Built With

  • HTML5
  • CSS3 (with advanced animations and effects)
  • Vanilla JavaScript
  • Web Audio API (for sound effects)

Browser Compatibility

Works best in modern browsers that support:

  • CSS Animations
  • CSS Grid & Flexbox
  • Web Audio API
  • ES6 JavaScript

Credits

Made 200% cooler with passion and pixels!

About

matching_game

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 3

  •  
  •  
  •