🌟 A modern, feature-rich Tetris game with dramatic sound effects, visual celebrations, and Matrix-style background rain! 🌟
🎯 Play the game now: https://sonseldeep.github.io/lspp-tetris/
- Web Audio API generated sound effects for every action
- Dramatic line clear sounds with ascending melodies
- Epic Tetris celebration with bass and harmony
- Level up fanfares and game over sequences
- Movement feedback sounds for rotation, drops, and piece placement
- Particle explosion system for line clears and Tetris achievements
- Screen shake effects for dramatic impact
- Sparkling level-up animations across the entire screen
- Dynamic color particles with realistic physics (gravity, fade)
- Visual synchronization with sound effects
- Next piece preview with 3D-style rendering
- Hold piece functionality (press C to hold/swap pieces)
- Ghost piece projection showing drop location
- Official Tetris scoring system with proper multipliers
- Progressive difficulty with faster drop speeds per level
- High score system with persistent localStorage
- Top 10 leaderboard with automatic ranking
- Achievement notifications for new high scores
- Difficulty multipliers affecting final scores
- 🟢 Easy Mode: Slower pace, 0.8x score multiplier
- 🔵 Normal Mode: Standard gameplay, 1.0x multiplier
- 🟠 Hard Mode: Faster drops, 1.3x score multiplier
- 🔴 Extreme Mode: Ultra-fast, 1.6x score multiplier
- Live difficulty switching during gameplay
- Mood-based animations reacting to your performance
- Score-triggered celebrations with special animations
- Real-time emotional feedback based on game state
- Tetris achievement reactions with explosive celebrations
- Multi-cultural character set: Nepali, Korean, Japanese, Greek
- Scientific formulas: Physics, chemistry, mathematics, programming
- Dynamic color system with 15+ vibrant colors
- Responsive performance optimized for all screen sizes
- Organic movement patterns with variable speeds and trails
- Intuitive touch controls: Swipe to move/rotate, tap to drop
- Responsive design for phones, tablets, and desktops
- Optimized UI scaling for different screen sizes
- Touch-friendly difficulty selection and game controls
- Matrix-themed styling with green glow effects
- Glassmorphism design with backdrop blur effects
- Smooth animations and transitions throughout
- Interactive welcome screen with feature highlights
- Professional game over screen with detailed statistics
Simply visit: https://sonseldeep.github.io/lspp-tetris/
# Clone the repository
git clone https://github.com/Sonseldeep/lspp-tetris.git
# Navigate to project directory
cd lspp-tetris
# Open with any method below:
# Method 1: Direct file opening
# Simply open index.html in your browser
# Method 2: Local server (recommended)
# Python 3
python3 -m http.server 8000
# Python 2
python -m SimpleHTTPServer 8000
# Node.js (if you have it)
npx serve .
# PHP (if you have it)
php -S localhost:8000Then open your browser and go to http://localhost:8000
- ✅ Pure vanilla JavaScript (ES6+)
- ✅ Standard HTML5 Canvas
- ✅ CSS3 with modern features
- ✅ Web Audio API for sounds
- ✅ Works in all modern browsers
- Launch the game by clicking "🎮 Start Game" or pressing
SPACE - Choose difficulty from the left panel (🟢 Easy → 🔴 Extreme)
- Use controls to move and rotate Tetris pieces
- Clear lines by filling complete horizontal rows
- Achieve Tetris by clearing 4 lines simultaneously for massive points!
| Key | Action |
|---|---|
← → |
Move piece left/right |
↓ |
Soft drop (faster descent) |
↑ |
Rotate piece clockwise |
SPACE |
Hard drop (instant drop) |
C |
Hold/swap current piece |
P |
Pause/unpause game |
R |
Restart game |
| Gesture | Action |
|---|---|
| Swipe Left/Right | Move piece horizontally |
| Swipe Down | Soft drop |
| Swipe Up | Hard drop (instant) |
| Tap | Rotate piece |
| UI Buttons | Difficulty, hold, restart |
- Single Line: 40 × (level + 1) × difficulty multiplier
- Double Lines: 100 × (level + 1) × difficulty multiplier
- Triple Lines: 300 × (level + 1) × difficulty multiplier
- TETRIS (4 lines): 1200 × (level + 1) × difficulty multiplier
- Soft Drop: +1 point per cell dropped
- Hard Drop: +2 points per cell dropped
- 🟢 Easy: 0.8× score (great for learning)
- 🔵 Normal: 1.0× score (standard challenge)
- 🟠 Hard: 1.3× score (increased difficulty)
- 🔴 Extreme: 1.6× score (ultimate challenge)
- Hold System: Store a piece for later use (C key)
- Ghost Piece: See where your piece will land
- Level Progression: Every 10 lines = next level
- Speed Increase: Pieces drop faster as you level up
- Visual Celebrations: Particle effects for achievements
- Sound Feedback: Audio cues for every action
- Modern web browser (Chrome 60+, Firefox 55+, Safari 12+, Edge 79+)
- JavaScript enabled
- HTML5 Canvas support
- Web Audio API (for sound effects)
- localStorage (for high scores)
lspp-tetris/
├── index.html # Main game interface & styling
├── tetris.js # Game logic & systems
├── README.md # This documentation
└── [GitHub Pages] # Automatic deployment
- SoundManager Class: Procedural sound generation
- Web Audio API: High-quality, browser-native audio
- Dynamic Tones: Frequency-based sound effects
- No External Files: All sounds generated in real-time
- VisualEffects Class: Particle system management
- Canvas Rendering: Hardware-accelerated graphics
- Physics Simulation: Gravity, momentum, fade effects
- Performance Optimized: 60fps particle animations
- High Scores: Stored in browser localStorage
- Settings: Difficulty preferences saved locally
- Cross-Session: Data persists between browser sessions
- Movement: Subtle sine wave tones
- Rotation: Square wave confirmation
- Landing: Triangle wave impact
- Line Clear: Ascending melodic sequence
- Tetris: Epic multi-layered celebration
- Level Up: Triumphant musical progression
- Game Over: Dramatic descending sequence
- Line Clear: 20 particles per cleared line
- Tetris Celebration: 100+ colorful explosion particles
- Level Up: 30 sparkling particles across screen
- Screen Shake: Intensity varies with achievement level
- Particle Physics: Realistic gravity and momentum
- 😴 Neutral: Starting state (0 points)
- 🤔 Thinking: First points scored
- 😊 Content: Moderate progress (500+ points)
- 😄 Happy: Good performance (2000+ points)
- 😎 Cool: Expert level (5000+ points)
- 🤩 Excited: Master level (10000+ points)
- 🎉 Celebration: Special Tetris achievements
- Focus on Tetris: 4-line clears give massive point bonuses
- Use Hold Wisely: Save I-pieces for Tetris setups
- Higher Difficulty: More challenging but better score multipliers
- Level Progression: Higher levels = higher point multipliers
- Avoid Gaps: Keep your stack clean and organized
- Touch Sensitivity: Adjust gesture speed to your preference
- Screen Orientation: Landscape mode recommended for tablets
- Performance: Game optimized for 60fps on modern mobile devices
Found a bug? Please open an issue with:
- Browser and version
- Device type (desktop/mobile)
- Steps to reproduce
- Expected vs actual behavior
Have ideas for improvements? We'd love to hear them!
- Create a feature request
- Describe your idea clearly
- Explain how it would improve the game
Want to contribute code?
- Fork the repository
- Create a feature branch
- Make your changes
- Test thoroughly
- Submit a pull request
This project is open source and available under the MIT License.
- Sonseldeep - Main developer and designer
- GitHub: @Sonseldeep
- Based on the classic Tetris game concept
- Enhanced with modern web technologies
- Inspired by Matrix visual aesthetics
- Vanilla JavaScript for game logic
- HTML5 Canvas for rendering
- CSS3 for styling and animations
- Web Audio API for sound generation
- GitHub Pages for hosting
- 📖 Documentation: Read this README thoroughly
- 🐛 Issues: GitHub Issues Page
- 💬 Discussions: GitHub Discussions
- 🎮 Play Game: https://sonseldeep.github.io/lspp-tetris/
- 📂 Repository: https://github.com/Sonseldeep/lspp-tetris
- 👤 Developer: https://github.com/Sonseldeep
🎮 Enjoy the most enhanced Tetris experience on the web! 🎮
Built with ❤️ by Sonseldeep
⭐ Star this repo if you enjoy the game! ⭐