Classic board game reimagined for the browser — Interactive, animated, and fun!
A fully interactive browser-based Snake and Ladders game built with pure HTML5, CSS3, and JavaScript. Features a custom zig-zag grid algorithm, dynamic DOM manipulation, and integrated audio effects for an immersive gaming experience.
- Classic Snake & Ladders Gameplay — Full board game logic
- Custom Zig-Zag Grid Algorithm — Accurate board numbering
- Integrated Audio Effects — Sound on dice roll, snake, ladder events
- Multiplayer Support — 2 player local mode
- Animated Dice — Visual dice rolling animation
- Responsive Design — Works on desktop and mobile
| Technology | Purpose |
|---|---|
| HTML5 | Game structure |
| CSS3 | Styling & animations |
| JavaScript (Vanilla) | Game logic & DOM manipulation |
| Canvas API | Board rendering |
| Web Audio API | Sound effects |
Snake-Ladder-Game/
├── index.html # Main game page
├── style.css # Game styling & animations
├── script.js # Game logic & DOM manipulation
├── assets/
│ ├── sounds/ # Audio effects
│ └── images/ # Game images
└── README.md
# Clone the repository
git clone https://github.com/lekhashree21/Snake-Ladder-Game.git
cd Snake-Ladder-Game
# Simply open in browser
open index.html
# OR
# Use Live Server in VS Code for best experience- Open
index.htmlin your browser - Click "Roll Dice" to start
- Land on a ladder → Move up the board
- Land on a snake → Slide down
- First to reach 100 wins!