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

This Satuday we invite to watch another #speedpainting of our artist Daniel Faiad.

How great is this scene of #Pecaminosa?

#ScreenShotSaturday | #IndieDev | #DigitalArt

Been working lately on lots of 'behind-the-scenes' boring stuff that no one really cares about, so here’s a guy playing the sax for some reason.

#screenshotsaturday

Here's a peaceful little forest scene for this #screenshotsaturday, from the beginning of the game.

Finished a project I've been working on over the last few days!

Modeled and textured in Blender.

#3dart #lowpoly #npbr #fantasy #hut

Strange Umbrella

I worked so hard to get all four of them to the end safely, but then...

brung back my old oc plus a new one

...they don`t have names yet tho

Auto-chess meets Clash Royale in an intense strategic battle. Outsmart your opponent, hide your play and crush their armies! Empire Builder just got another major update, check it out! https://gamejolt.com/games/EmpireBuilder/558901

Path of Kami, running around the shrine area

Some time ago, we posted a screenshot of the Mexico level. A curiosity about it is that, like some other scenarios of the game, it was inspired by a real landscape, The Basaltic Prisms of Santa María Regla. It is one of the natural wonders of the country!