← All embers View on GitHub ↗
Snake Game
December 2020
My take on the classic — pink food, arrow keys, and a tail that ends you.
- JavaScript
- p5.js
A classic Snake game built with p5.js. Arrow keys steer the snake around the canvas; every bite of the pink food grows it by a segment, and colliding with your own tail resets you back to one.
One of my early creative-coding projects — a small, self-contained take on the timeless arcade game, rendered on an HTML canvas with the help of Coding Train.
The rules are the ones you know: the pink square is food, eating spawns the next one at a random cell, and the snake is constrained to the canvas edges. The only enemy is your own tail.
'/%3e%3ccircle%20cx='893.5'%20cy='481.5'%20r='69.5'%20fill='%23ffac70'/%3e%3ccircle%20cx='772.984'%20cy='772.578'%20r='69.566'%20fill='%23ffac70'%20transform='rotate(45%20772.984%20772.578)'/%3e%3ccircle%20cx='481.5'%20cy='893.5'%20r='69.5'%20fill='%23ffac70'/%3e%3ccircle%20cx='190.422'%20cy='772.985'%20r='69.566'%20fill='%23ffac70'%20transform='rotate(45%20190.422%20772.985)'/%3e%3ccircle%20cx='69.5'%20cy='481.5'%20r='69.5'%20fill='%23ffac70'/%3e%3ccircle%20cx='190.422'%20cy='190.015'%20r='69.566'%20fill='%23ffac70'%20transform='rotate(45%20190.422%20190.015)'/%3e%3c/svg%3e)