visit more game with HTML in my repo
A modern, web-based implementation of the classic Snake game, inspired by tanbaycu's version.
- Two Unique Implementations:
- Version 1: DOM-based rendering
- Version 2: Canvas-based rendering
- Responsive Design: Adapts seamlessly to various screen sizes
- Customizable Gameplay: Adjust difficulty and grid size (Version 2)
- Sleek UI: Minimalist design with smooth animations
Technology | Version 1 | Version 2 |
---|---|---|
HTML5 | โ | โ |
CSS3 | โ | โ |
JavaScript | โ | โ |
Canvas API | โ | โ |
Modernizr | โ | โ |
Google Fonts | โ | โ |
Version 1: Classic Mode
- Simple, intuitive controls
- Progressively increasing difficulty
- Retro-style grid-based movement
Version 2: Enhanced Experience
- Smooth, canvas-rendered graphics
- Customizable speed and grid size
- Pause and resume functionality
- Clone the repository
- Navigate to either
on this structure
orin snake
directory - Open
index.html
in your preferred browser - Enjoy the game!
Adjust game settings using the control panel:
- Speed: Slide to change game speed (1-10)
- Cells: Modify grid size (10x10 to 100x100)
Metric | Version 1 | Version 2 |
---|---|---|
FPS | 60 | 60+ |
Min Grid Size | 10x10 | 10x10 |
Max Grid Size | 50x50 | 100x100 |
- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)
Note: Version 1 includes fallbacks for older browsers via Modernizr.
- Original concept by tanbaycu
- Modernizr library (Version 1)
- Google Fonts - Varela Round (Version 2)
Made with โค๏ธ by [tanbaycu]