< Back

Fading Snake

Fading Snake is a simple yet challenging snake game built with HTML, CSS, and JavaScript. The game introduces a unique twist: the grid fades away over time, and you must eat apples to grow the snake and restore visibility.

Play the game at iamdatphan.github.io/fading-snake.

How to Play

  1. Press an arrow key or the space bar to start the game.
  2. Use the arrow keys to control the snake’s direction:
    • Arrow Up: Move up
    • Arrow Down: Move down
    • Arrow Left: Move left
    • Arrow Right: Move right
  3. Eat the apples to grow the snake and increase your score.
  4. Avoid hitting the walls or the snake’s own body.
  5. Keep an eye on the fading grid! Eating apples will restore visibility.

Game Modes

  • Easy Mode: The grid fades slower, giving you more time to react. Press E to switch to easy mode.
  • Hard Mode: The grid fades faster, making the game more challenging. Press H to switch to hard mode.

Features

  • Dynamic Gameplay: The snake moves in a grid, and you control its direction using arrow keys.
  • Fading Effect: The grid fades over time, adding a layer of difficulty.
  • Hard and Easy Modes: Choose between easy and hard modes for different levels of challenge.