Game
Classic Snake!
12 years ago

How to make a Canvas Game


Hey everyone, this is a youtube tutorial for creating the snake game using HTML5 and Javascript! (not directed at beginners)
If you would like a beginner tutorial, let me know!

I accidentally split it into 3 seperate parts, their lengths are 15:44, 3:00, and 17:30, I tried to rush as quickly as I could, so with that being said, this tutorial is targeted towards novice / intermediate**Programmers.

** (sorry for the loud keyboard. Razor black widow is good at making noise)

PART 1: http://www.youtube.com/watch?v=cS9aZFCQMIA

PART 2: http://www.youtube.com/watch?v=o51x8uGl9Mw&feature=youtu.be

PART 3: http://www.youtube.com/watch?v=-pad0Krqox4&feature=youtu.be

I am uploading the videos as I write this, so i will make a new post when they are finished.

If you would like me to make a more detailed video on making this game, or on anything related to programming, please let me know!

contact info:

email: [email protected]

twitter: clonzeh

or give me a shout! @

http://gamejolt.com/profile/clonzeh/203900/

Here are the files for the snake game:
http://pastebin.com/H9EfcSim (html page) name: index.html

http://pastebin.com/JHdv92BB (javascript) name: game.js

http://pastebin.com/BFt5puj6 (javascript) name: rectangles.js



2 comments

Loading...

Next up

Fan art for Foolish I'm feeling kinda better so I drew this

Path of Kami: The Evolution of the Lore

Updated the chest in the maze, adding sound, particles and better animation. But what's in the chest?

So here's the first of the zodiac signs i will make for the next weeks.

Made my first ever animation.

A few screenshots of the places you'll cross in the Demo of Blu. You can play it today on #gamejolt !

The Authority decided to investigate the Basement and leads to recovering classified documents Fun fact: The building has 928 doors and not 1000 doors. #horror

New Teasers!

Development of my game Juno. This is the rune equipment system.

Usually update over on twitter: https://twitter.com/synrec_kaisyl