Learning to Create Games
I currently teach my students using HTML5, a touch of CSS, and a whole lot of JavaScript. For some reason these games are called HTML5 games and while the Canvas element in HTML5 makes this possible – JavaScript does the most of the work.
LabCatsCoding uses a course we developed, but it was built on the shoulders of some good resources out there. Some worth checking out are listed below.
Tutorials
- Mozilla 2D breakout game – we based our course on this one. No classes.
- Spicy Yoghurt: Develop an HTML5 Game – very user friendly and up to date to the basics to creating Shapes and animations – does not develop a full game but teaches you the tools to do so. This one does use classes (OOP) though.
- TutorialsPoint -HTML5 – Canvas – not as user friendly a walk through but very thorough with information about Canvas methods and attributes
- LogRocket: Build a game with HTML, CSS & JavaScript – this builds a very simple game but it does uses classes. Similar tutorial also here.
- Snake Game: simple interactive tutorial using HTML5 & JavaScript
Tech Reference Resources:
- W3 Schools has two – one on Canvas and one on HTML5 Games.
- Canvas Intro
List of Games to Develop: