A collection of eleven classic arcade games built with HTML5 Canvas and JavaScript. Experience nostalgic gameplay with modern design aesthetics.
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
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
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
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
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
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
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)
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
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
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
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
- 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
- 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
- Visit the game collection
- Use arrow keys to navigate between games
- Press Enter or click to select a game
- Press ESC or click the Home button to return to the menu
-
Clone the repository:
git clone https://github.com/stphung/classic-games-collection.git
-
Open
index.htmlin a modern web browser -
No build process or dependencies required - it's all vanilla JavaScript!
Works best in modern browsers that support:
- HTML5 Canvas
- Web Audio API
- ES6 JavaScript features
This project is open source and available under the MIT License.
Built with ❤️ using Claude Code