Grudge Snake

• 

  Grudge Snake in action

Inspiration

Always wanted a personalized game where I could take my grudge out on people, so when Impractical hackers asked us to make something impractical and goofy, I came up with this idea.

What it does

Grudge Snake is a snake game where the user can upload an image of someone she/he has a grudge for. This image will be placed in the place of the snake food. Enjoy controlling a snake who eats your grudge person.

How we built it

The game is built with Vanilla JavaScript, HTML5, and CSS3. Hosted on Netlify.

Challenges we ran into

After making the basic snake game, the challenge was to display the input image every time the game loop redraws the food and board. Came up with a solution using localStorage, each redraw will retrieve the image URL from the localStorage and render it on the screen.

Accomplishments that we're proud of

Making a fun game for everyone.

What we learned

Learned how basic games are made using JavaScript. Also more deep dive into CSS grid

What's next for Grudge Snake

We are planning for UI improvements and adding animations to the game.

Built With

• css3
• html5
• javascript
• netlify