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

1


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

Chiaki Nanami!

"Thanks guys for endless hours of fun." 👍

(My first fan art. Read the article, please.)

#sonic #mario #photoshop

Successful landing

#screenshotsaturday

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

Modeled and textured in Blender.

#3dart #lowpoly #npbr #fantasy #hut

Call it 'wrong turn'!🚫 The feeling of running into a house with only one exit🚪, and being doomed to die. #pixelart #pixelartist #pixelartwork #art #pixel #indiegame #IndieGameDev #indieartist

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

Levels' maps.

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

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