Skip to content

tanbaycu/snake-game

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

4 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐Ÿ SN4KE GAME - tanbaycu Clone

Thi-t-k-ch-a-c-t-n-4.png visit more game with HTML in my repo Version

A modern, web-based implementation of the classic Snake game, inspired by tanbaycu's version.

๐ŸŒŸ Features

  • 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

๐Ÿ› ๏ธ Tech Stack

Technology Version 1 Version 2
HTML5 โœ… โœ…
CSS3 โœ… โœ…
JavaScript โœ… โœ…
Canvas API โŒ โœ…
Modernizr โœ… โŒ
Google Fonts โŒ โœ…

๐ŸŽฎ Gameplay

Version 1: Classic Mode

Demo here

  • Simple, intuitive controls
  • Progressively increasing difficulty
  • Retro-style grid-based movement
Version 2: Enhanced Experience

Demo here

  • Smooth, canvas-rendered graphics
  • Customizable speed and grid size
  • Pause and resume functionality

๐Ÿš€ Quick Start

  1. Clone the repository
  2. Navigate to either on this structure or in snake directory
  3. Open index.html in your preferred browser
  4. Enjoy the game!

๐Ÿ”ง Configuration (Version 2)

Adjust game settings using the control panel:

  • Speed: Slide to change game speed (1-10)
  • Cells: Modify grid size (10x10 to 100x100)

๐Ÿ“Š Performance

Metric Version 1 Version 2
FPS 60 60+
Min Grid Size 10x10 10x10
Max Grid Size 50x50 100x100

๐ŸŒ Browser Support

  • Chrome (latest)
  • Firefox (latest)
  • Safari (latest)
  • Edge (latest)

Note: Version 1 includes fallbacks for older browsers via Modernizr.

๐Ÿ™ Acknowledgements


Made with โค๏ธ by [tanbaycu]