Skip to content

stphung/classic-games-collection

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

96 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Classic Games Collection

🎮 Play the games here!

A collection of eleven classic arcade games built with HTML5 Canvas and JavaScript. Experience nostalgic gameplay with modern design aesthetics.

Games Included

🟦 Tetris

The timeless block-stacking puzzle game. Arrange falling tetrominoes to clear lines and score points.

  • How to Play:
    • Select your difficulty level (Easy, Normal, Hard, Nightmare)
    • Use ← → to move pieces left/right
    • Use ↑ to rotate pieces
    • Use ↓ for soft drop (faster fall)
    • Press Space for hard drop (instant placement)
    • Clear complete horizontal lines to score points
    • Game speeds up as you progress through levels
  • Controls: Arrow keys to move/rotate, Space for hard drop, P to pause
  • Difficulty Modes:
    • Easy: Relaxed pace (1.5s drop time), 15 lines per level, ghost piece and next piece preview enabled
    • Normal: Classic experience (1s drop time), 10 lines per level, all assists enabled
    • Hard: Expert pace (0.3s drop time), 4 lines per level, rapid progression, all assists enabled
    • Nightmare: Insane speed (0.2s drop time), 3 lines per level, lightning progression, no assists
  • Features: Four difficulty levels, next piece preview (except Nightmare), ghost piece (except Nightmare), level progression, score tracking

🔴 Breakout

Smash through bricks with precision and skill using your paddle and ball.

  • How to Play:
    • Move your mouse to control the paddle
    • Keep the ball in play by bouncing it off your paddle
    • Break all bricks to complete the level
    • Different colored bricks give different points
    • Don't let the ball fall off the bottom!
    • Choose your difficulty at the start
  • Controls: Mouse to move paddle
  • Features: Multiple difficulty levels, particle effects, speed selection

🐸 Frogger

Navigate through busy streets and treacherous rivers to reach safety.

  • How to Play:
    • Guide your frog across roads avoiding cars
    • Jump on logs to cross the river safely
    • Reach the lily pads at the top to score
    • In 2-player mode, first to get 3 frogs home wins
    • Watch out for the timer!
    • Use the speed slider to adjust game difficulty
  • Controls: Arrow keys to move (Player 1), WASD (Player 2 in two-player mode)
  • Features: Two-player mode, adjustable game speed, retro sound effects

🚀 Missile Command

Defend your cities from incoming missile attacks using anti-ballistic missiles.

  • How to Play:
    • Click anywhere on screen to launch a defensive missile
    • Your missiles explode at the click location
    • Use explosions to destroy incoming enemy missiles
    • Protect your 6 cities from destruction
    • Ammo refills automatically every 2 seconds
    • Survive increasingly difficult waves
    • Watch for splitting missiles in later waves!
  • Controls: Click to fire missiles, Space to pause
  • Features: Wave progression, auto-refilling ammo, particle effects, splitting missiles

🐍 Snake

The classic snake game where you grow longer by eating food while avoiding collisions.

  • How to Play:
    • Select your difficulty level (Easy, Normal, Hard, Nightmare)
    • Guide the snake to eat the red food pellets
    • Each food item eaten makes the snake grow longer
    • Avoid hitting the walls or your own tail
    • The game speeds up as you score more points
    • Higher difficulties offer faster gameplay and score multipliers
  • Controls: Arrow keys or WASD to change direction, ESC to return home
  • Features: Four difficulty levels with different speeds and score multipliers, per-difficulty high score tracking, dynamic grid sizes, smooth controls, glowing visual effects

◈ JezzBall

A strategic puzzle game where you trap bouncing balls by building walls to clear the playing field.

  • How to Play:
    • Click anywhere to start building a wall at that position
    • Walls grow in both directions (horizontal or vertical)
    • Right-click or press Space to toggle between horizontal/vertical mode
    • If a ball hits a wall while it's being built, you lose a life
    • Clear at least 75% of the field to complete each level
    • Each new level adds one more ball and increases speed
  • Controls: Click to build walls, Right-click/Space to toggle direction, P to pause
  • Features: Progressive difficulty, area percentage tracking, strategic gameplay

⚑ Minesweeper

The classic logic puzzle game where you clear a minefield using deduction and careful reasoning.

  • How to Play:
    • Left-click to reveal a cell
    • Right-click to place/remove a flag on suspected mines
    • Numbers show how many mines are in the 8 adjacent cells
    • Use logic to deduce which cells contain mines
    • Flag all mines and reveal all safe cells to win
    • Choose from four difficulty levels: Easy (9x9, 10 mines), Normal (13x13, 25 mines), Hard (16x16, 40 mines), Nightmare (20x20, 80 mines)
  • Controls: Left-click to reveal, Right-click to flag, Click difficulty buttons to change level
  • Features: Four difficulty levels, timer, mine counter, first-click protection (never hit a mine on first click)

🚀 Lunar Lander

Navigate your spacecraft to a safe landing on the lunar surface with limited fuel.

  • How to Play:
    • Control your lander's descent using thrusters
    • Land on the flat landing pads marked with multipliers (1x, 2x, 3x)
    • Keep your landing speed below 2 m/s for a safe landing
    • Land straight (minimal angle) to avoid crashing
    • Higher multiplier pads give bonus points
    • Watch your fuel gauge - no fuel means no thrust!
  • Controls: ↑/W for main thruster, ←/A to rotate left, →/D to rotate right, ESC to return home
  • Features: Realistic physics with gravity and momentum, multiple landing zones with score multipliers, fuel management, particle effects

▐ Pong

The granddaddy of all video games - classic two-player paddle tennis.

  • How to Play:
    • Move your paddle up and down to hit the ball
    • Score points when your opponent misses
    • First to 5 points wins the game
    • Ball speed increases with each hit
    • Choose from 4 difficulty levels that affect AI speed and paddle size
  • Controls: ↑/↓ or W/S to move paddle
  • Features: Four difficulty levels (Easy, Normal, Hard, Insane), particle effects, dynamic ball physics

👾 Space Invaders

Defend Earth from waves of descending alien invaders in this arcade classic.

  • How to Play:
    • Move your cannon left and right to aim
    • Shoot the invaders before they reach Earth
    • Use barriers for cover - they can absorb enemy fire
    • Watch for the mystery UFO that appears for bonus points
    • Clear all invaders to advance to the next wave
    • Each wave moves faster than the last
  • Controls: ←/→ or A/D to move, Space to shoot
  • Features: Four difficulty levels, destructible barriers, mystery ship bonuses, progressive waves

◇ Asteroids (Coming Soon)

Navigate through space destroying asteroids and UFOs in this vector-graphics classic.

  • How to Play:
    • Control your ship with rotation and thrust (momentum-based physics)
    • Shoot asteroids to break them into smaller pieces
    • Large asteroids split into 2 medium, medium split into 2 small
    • Destroy UFOs for bonus points (they shoot back!)
    • Use hyperspace as emergency escape (but risk explosion)
    • All objects wrap around screen edges
  • Controls: ↑/W for thrust, ←/→ or A/D to rotate, Space to fire, Shift for hyperspace
  • Features: Four difficulty levels, physics-based movement, particle effects, score multipliers

Features

  • Modern Design: Sleek, dark-themed UI with smooth animations
  • Retro Sound: 8-bit style music and sound effects
  • Responsive Controls: Smooth gameplay with intuitive controls
  • Netflix-Style Launcher: Easy game selection with arrow key navigation
  • Accessibility: Mute options for background music while keeping sound effects

Technologies Used

  • HTML5 Canvas for game rendering
  • Vanilla JavaScript for game logic
  • Web Audio API for synthesized music and sound effects
  • CSS3 for modern styling and animations

How to Play

  1. Visit the game collection
  2. Use arrow keys to navigate between games
  3. Press Enter or click to select a game
  4. Press ESC or click the Home button to return to the menu

Local Development

  1. Clone the repository:

    git clone https://github.com/stphung/classic-games-collection.git
  2. Open index.html in a modern web browser

  3. No build process or dependencies required - it's all vanilla JavaScript!

Browser Support

Works best in modern browsers that support:

  • HTML5 Canvas
  • Web Audio API
  • ES6 JavaScript features

License

This project is open source and available under the MIT License.


Built with ❤️ using Claude Code

Releases

No releases published

Packages

No packages published

Contributors 2

  •  
  •