Snake Game – HTML5 Game Programming Tutorial [javascript]

In this video are we creating a simple game using javascript and html. The tutorial are adapted for both beginners and more intermediate coders who wish to learn how to structure game code, use basic data structors useful for game programming (like graphs, queues and so on), and other type of game programming technics.

:: Annotated Source ::
https://github.com/maxwihlborg/youtube-tutorials/blob/master/snake/index.html

:: KeyNote ::
https://docs.google.com/presentation/d/1GG93LkqZwGY-ag9eedReosYqbA00isVVqvTZic98_QY/edit?usp=sharing

:: Other Stuff ::
https://github.com/maxwihlborg
http://maxwihlborg.com/
https://twitter.com/epicwihlborg

Comments

Matt says:

if ranked from beginner, intermediate, advanced, expert … what category of developer would you expect to be able to write this kind of program?

Script Kiddie says:

how to you type left and right arrow so fast?

Nicat Manafov says:

What program do you use to code html5?

Nik Frid says:

amazing ! explain? for who? video only for professionals!

sheepdogbenable says:

Have got stuck at the first point u display the .html file. Error reads: cannot read property “appendChild” of null. Have done everything exactly up to 15:28 as far as I know

Atabeg Ruslan says:

awesome

Chicken Animations says:

< !doctype html>



Snake




Chicken Animations says:

all that showed was white

Geek of Games says:

you can even speek like people

B BC says:

I can’t understand this dude what is that some European accent?

TheManne Manne says:

set speed=0.5 and you start to understand stuff…

xaw greeny says:

< !doctype html>



Snake Game





Сергей Соболев says:

hey, if you want to make it slowlier just past this at the end of function draw() – setTimeout(draw, 100); 100 is milliseclnds, so you can change it)

Aman Tiwari says:

Which IDE did you use?? please reply

Isabelle Tb says:

How can we change the speed of the snake? I find is pretty fast

Nik Frid says:

thank you! professional!

Lhorrd Lester P. Quiroz says:

Sir can I get the codes of this for my project please reply asap

Loxyx says:

Keep up the great work!

jackson campbell says:

what program are you using?

Justin Cho says:

mine doesn’t goes up&down and i don’t know the reason,,,

Isabelle Tb says:

How can we add a background image in the canvas?

ItzMEEEE says:

hey. how could I add a start menu/screen?

Joel Persson says:

“Unexpected token <” ??? help please

Anand Bisht says:

hi here i have copied the code but its not working plz help
< !doctype html>




My snake game




Skye Clayton says:

This is not for beginners

Ricky Jenkins says:

is there a way to make the snake slower?

Write a comment

*

Human Verification: In order to verify that you are a human and not a spam bot, please enter the answer into the following box below based on the instructions contained in the graphic.


Do you like our videos?
Do you want to see more like that?

Please click below to support us on Facebook!

Send this to a friend

▷ Other ReviewsVehicles▷ Show Cars▷ Motorbikes▷ Scooters▷ Bicycles▷ Rims & Tires▷ Luxury BoatsFashion▷ Sunglasses▷ Luxury Watches▷ Luxury Purses▷ Jeans Wear▷ High Heels▷ Kinis Swimwear▷ Perfumes▷ Jewellery▷ Cosmetics▷ Shaving Helpers▷ Fashion HatsFooding▷ Chef Club▷ Fooding Helpers▷ Coktails & LiquorsSports▷ Sport Shoes▷ Fitness & Detox▷ Golf Gear▷ Racquets▷ Hiking & Trek Gear▷ Diving Equipment▷ Ski Gear▷ Snowboards▷ Surf Boards▷ Rollers & SkatesEntertainment▷ DIY Guides▷ Zik Instruments▷ Published Books▷ Music Albums▷ Cine Movies▷ Trading Helpers▷ Make Money▷ Fishing Equipment▷ Paintball Supplies▷ Trading Card Games▷ Telescopes▷ Knives▷ VapesHigh Tech▷ Flat Screens▷ Tech Devices▷ Camera Lenses▷ Audio HiFi▷ Printers▷ USB Devices▷ PC Hardware▷ Network Gear▷ Cloud Servers▷ Software Helpers▷ Programmer Helpers▷ Mobile Apps▷ Hearing AidsHome▷ Home Furniture▷ Home Appliances▷ Tools Workshop▷ Beddings▷ Floor Layings▷ Barbecues▷ Aquarium Gear▷ Safe Boxes▷ Office Supplies▷ Security Locks▷ Cleaning ProductsKids▷ Baby Strollers▷ Child Car Seats▷ Remote ControlledTravel▷ Luggages & Bags▷ Airlines Seats▷ Hotel Rooms▷ Fun Trips▷ Cruise Ships▷ Mexico Tours