HTML5 Game Programming Workshop

Workshop Topic

Create a 2D web-based game using HTML5 and JavaScript.

 

Game

http://www.createsoftgroup.com/gameprogrammingacademy.com/workshop/

Controls: WASD

Reload page to restart game

 

JavaScript Code

http://www.createsoftgroup.com/gameprogrammingacademy.com/workshop/AIWorkshopGame.js

 

HTML5 Game Tutorials

http://www.html5gamedevelopment.com/html5-game-tutorials/2013-06-5-part-html5-game-tutorial-galaxian-shooter

http://www.designer-daily.com/10-cool-html5-games-and-how-to-create-your-own-23820

http://www.gamedevacademy.org/how-to-make-a-html5-game/

http://www.lostdecadegames.com/how-to-make-a-simple-html5-canvas-game/

 

Resources:

Image Editing
GIMP (free)
http://www.gimp.org/

Pixlr (free)
https://pixlr.com/

 

Game Creators:
Unity 3D – 2D and 3D (free version available)
http://www.unity3d.com

Scratch (free)
https://scratch.mit.edu/

Construct 2
https://www.scirra.com/construct2

Stencyl
http://www.stencyl.com/

GameSalad
http://gamesalad.com/

 

Graphics (free)
Reiner’s Tilesets
http://www.reinerstilesets.de/2d-grafiken/

Lost Garden
http://lostgarden.com/labels/free game graphics.html

CGTextures
http://cgtextures.com/

The Spriters Resource
http://www.spriters-resource.com/

SpriteLib
http://www.widgetworx.com/widgetworx/portfolio/spritelib.html

Free Game Assets
http://freegameassets.blogspot.com/2013/09/asteroids-and-planets-if-you-needed-to.html