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

Smile! Here, take some happy pills! ✨💊 #Blender #3DModelling #3DArt Buy me a Ko-fi: https://ko-fi.com/barbarafb_

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

Modeled and textured in Blender.

#3dart #lowpoly #npbr #fantasy #hut

The Darkside Detective: A Fumble in the Dark is out TODAY! 🖱️Advanced pointing, clicking action 🖨️Very funny words! Loads of them! 👻6 sarcastic, spectral cases to solve

Terraria

Spaaaace~

These are background sprites I've created for a game I'm working on at school ^w^ Click on the post to see how the sprites connect. You won't regret it! (personally, I think it's pretty heheh)

Drawn in Piskel using my mouse. Whaddya think?

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

An infected room from the second part of Cybel ! Are you up for some cleansing?

Who's is this little cutey👸 here? Thanks🙏 for a gorgeous fanart @WheNa! Feel free to share your arts, screenshots, or videos with #playzelter or #zelter hashtags! #pixelart #animating #unity3d #animated #indiegames #unrealengine #animate #conceptart

Only true badasses may pass! #conceptart #art #gamedesign

blender animation experimentation, getting the hang of things fast. arms, rig, & gun models by me ofc