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

art comission.

Chiaki Nanami!

Path of Kami: The Evolution of the Lore

Enemies can also suddenly spawn through Realm Rifts. These Rift Spawns are going to be stronger than the ones wandering around. TBD on the enemies... #screenshotsaturday #godstear #madewithunity

I was bored, so... ManutKat.

Just a Pico sprite

Sometimes the suction cup get sticky. Small animation I made in Blender after doing my tutorial on picking up/dropping objects in animations. Crate model by jQueary (https://sketchfab.com/3d-models/game-ready-sci-fi-crate-d98deca6…).

The whole squad is here!

Interested? Follow me!

I-Buki

Mio-Da!

Ibuki Mioda!