We're going to need to come back to this method as we will need to update the rest of the body - when we have the rest of the body and not just the head.īack in sketch.js we need to create the snake object and call our update/draw methods.In this game are you using all the things you have learned in the previous chapters. Note, I only move the head of the snake because if I were to move the whole snake in a given direction then it wouldn't look like a snake at all. We've also got a draw method which simply draws the rectangles representing the body of the snake.Īnd finally, the update method which just moves the head of the snake in the direction we're moving. I'm pre-empting the movement of the snake, I know it's going to be able to move either up down left or right, so if the dir value is set to 1 then we're going right, if it's set to 2 then we're going down, 3 then we're going left and 4 is up. We're also adding the head of the snake to the body in the constructor, so when we new up the Snake object. So we've created a body for our snake which is an array that'll contain the x and y locations of the part of the body. If you study the game of snake you can kind of see that everything is placed within a hidden grid, let’s create our own grid – which will be removed at the end – so we can keep everything in place and make our lives easier.Įnter fullscreen mode Exit fullscreen mode All the code that I’m writing for this blog can be found here so feel free to use that as a reference if you get stuck. So for this blog, I’m going to be using which uses the p5.js library which makes using the Canvas a more pleasant experience.

If you are a new programmer I’d recommend taking a look at Top 5 BEST games to code as a beginner! or, if you’ve never coded before at all then take a look at How To Code A Game As A Beginner. However, I wouldn’t personally recommend this game to beginner programmers as Snake certainly has some tough quirks you have to figure out. In this blog, I’m going to go through the step-by-step process of coding the game Snake, as it is commonly prescribed to beginner programmers as the game to code. In another blog, I talk about How to code Blockade (1976) which is essentially player vs player snake a good 21 years before! Nokia’s snake was launched in 1997 with the Nokia 6110, the catalyst for mobile gaming! The concept of the game snake, however, existed long before the 1997 version.

If you enjoy this blog please let me know and maybe I'll post more here! I wouldn't usually post a blog like this to dev as it's something I usually do for myself, game dev is fun and I get a lot of enjoyment out of it.

Snake game in java source code