A collection of beautiful, premium browser games — all built with pure HTML5, CSS3, and Modular ES6+ JavaScript. No frameworks, no build steps, no dependencies.
🚀 Live Demo: https://techyshahid.github.io/multigame/
A modern, responsive, and feature-rich 9×9 Sudoku web app with procedural board generation (unique solutions), candidate pencil notes, smart educational hints, career statistics, ambient Web Audio sound effects, and PvP multiplayer.
- ⚔️ Player vs Player (PvP) Modes:
- Local Turn Battle (Pass & Play): Two players take turns on a shared board with scoring, combos, and an optional shot-clock.
- Online 1v1 Race (WebRTC PeerJS): Zero-backend peer-to-peer real-time race via 5-letter Room Codes.
- Procedural Generation & Solver: Backtracking algorithm with unique solution guarantees across 5 difficulty levels (Beginner → Expert).
- Candidate Notes: 3×3 mini-grid inside empty cells with one-click Auto-Fill Candidates and automatic peer note cleanup.
- Smart Educational Hints: Step-by-step logical deductions (Naked Singles, Hidden Singles, conflict detection).
- Dual Input Modes: Cell First or Digit First for rapid board filling.
- Single-Screen Mobile Layout:
100dvhdynamic height — zero vertical scrolling on mobile. - Web Audio API: Synthesized clicks, pencil scribbles, error buzzes, and victory fanfares with zero external audio files.
- Confetti Cannon: Canvas particle system celebrating puzzle completion.
- Career Statistics: Games played, win rate, best time, average time, and win streaks per difficulty via
localStorage. - Custom Board & Solver: Input or solve custom 81-character puzzle strings.
- 3 Visual Themes: Midnight Dark, Porcelain Light, Matrix Emerald.
- Printable: Clean
@media printstylesheet for paper puzzle sheets.
A sweet match-3 puzzle game with special candies, cascading combos, and 30 levels of sugary fun.
- 30 Levels of progressively challenging match-3 gameplay.
- Special Candies: Striped, wrapped, and color bombs with spectacular chain reactions.
- Cascading Combos: Gravity-driven chain matches for massive scores.
- Beautiful Animations: Smooth swaps, explosions, and particle effects.
- Responsive Design: Plays great on desktop and mobile.
A thrilling, retro-futuristic arcade Pong game with responsive physics, ball spin, dynamic power-ups, particle bursts, and rich Web Audio synthesized soundscapes.
- 3 Game Modes:
- Solo vs AI: 4 distinct AI profiles (Novice, Pro, Master, and frame-perfect Cyber).
- Local 2-Player: Battle head-to-head on the same screen (W/S vs Arrow keys, or dual touch zones on mobile).
- Solo Target Rally: Breakout-style solo mode with destructible neon targets, bumper walls, and score multipliers.
- Dynamic Arcade Power-Ups:
- 🔥 Fireball: Supercharged supersonic ball.
- 📏 Paddle Expand: Lengthens paddle for clutch saves.
- ❄️ Slow-Mo: Chills ball velocity for razor-sharp precision.
- 🛡️ Goal Shield: Defensive energy wall blocking one missed point.
- ⚡ Multi-Ball: Spawns multiple balls simultaneously for high-octane rallies.
- Realistic Physics & Ball Spin: Imparts English based on paddle movement velocity and contact position.
- 4 Visual Themes: Cyberpunk Neon, Synthwave Sunset, 1972 CRT Green (with scanline overlay), and Electric Blue.
- Pure Web Audio API: Ascending pitch paddle hits during long streaks, sub-bass goal explosions, and optional pulsing synthwave soundtrack.
- Comprehensive Controls: Keyboard (
W/S,↑/↓,Space,Esc), mouse tracking, and mobile touch zones. - Career Statistics: Lifetime matches played, player win rate, top ball speeds, and max rally records stored via
localStorage.
A sleek, retro-futuristic arcade Snake game featuring interpolated 60 FPS movement, interactive power-ups, maze obstacles with wormhole portals, dynamic combo multipliers, and rich Web Audio synthesized audio.
- 4 Game Modes:
- Classic Snake: Pure nostalgic arcade experience with speed scaling as length increases.
- Arcade Power-Ups: Dynamic special items including Golden Apples, Ghost Phase, Cryo Slow, Orb Magnet, and Tail Shrink Pills.
- Maze & Portals: 5 challenging arena maps (Open Field, The Box, Crossroads, Twin Pillars, and Wormhole Portals).
- Time Attack: High-intensity 90-second score frenzy with constant fruit spawns.
- Dynamic Arcade Power-Ups:
- 🍏 Neon Apple: Standard food (+10 pts, grows +1 segment).
- ⭐ Golden Star Orb: Rare high-value bonus (+50 pts with circular countdown timer).
- 👻 Ghost Phase: Temporary invulnerability to safely pass through obstacles or your own tail (6s).
- ❄️ Cryo Freeze: Chills serpent velocity for pinpoint maneuvering precision.
- 🧲 Orb Magnet: Attracts nearby food towards the serpent head.
- 💊 Tail Shrink: Chops 4 segments off the tail for an emergency escape.
- Fluid Visuals & 4 Curated Themes:
- High-DPI canvas rendering with smooth 60 FPS interpolated slithering, glowing body segments, directional cyber eyes, and animated tongue.
- 4 Themes: Cyber Neon, Synthwave Sunset, 1997 Nokia CRT (with scanline overlay), and Obsidian Ember.
- Pure Web Audio API: Ascending combo tones, golden fruit arpeggios, power-up hums, sub-bass crash explosions, and toggleable retro synth bassline.
- Comprehensive Controls: Keyboard (
WASD,↑/↓/←/→,Space,P,M), touch swipe gestures, and on-screen translucent D-pad. - Career Statistics: Lifetime games, max snake length, total orbs eaten, and high scores per mode stored via
localStorage.
| Porcelain Light | Matrix Emerald |
|---|---|
 |
 |
| Single-Screen Mobile Layout | Career Statistics |
|---|---|
 |
 |
| PvP Mode Selector | Local Turn Battle (Live Duel) |
|---|---|
 |
 |
| Key | Action |
|---|---|
1 – 9 |
Place number or candidate note |
Arrow Keys / W A S D |
Navigate cells |
Delete / Backspace |
Erase cell |
N |
Toggle pencil notes mode |
H |
Get a smart hint |
Ctrl + Z / U |
Undo move |
Ctrl + Y |
Redo move |
Space / P |
Pause / Resume |
multigame/
├── index.html ← Game hub / landing page
├── README.md
├── sudoku/
│ ├── index.html
│ ├── style.css
│ └── js/
│ ├── app.js
│ ├── audio.js
│ ├── confetti.js
│ ├── pvp-local.js
│ ├── pvp-online.js
│ ├── storage.js
│ └── sudoku-engine.js
├── candy-crush/
│ ├── index.html
│ ├── style.css
│ └── js/
│ └── app.js
└── screenshots/
No build steps or bundlers required. Run with any local HTTP server:
# Using Python
python3 -m http.server 8080
# Or using Node
npx serve .Open http://localhost:8080 in your browser.
MIT © Shahid Khan