The goal of my workshops was to teach web developers how to make their own cross-platform mobile games using HTML5. Everybody who enrolled had strong web development skills but they had never made a game before. Having among the attendants talented developers including Apple employees, experts in data visualization and backend hackers was intimidating at first! but after seeing them hacking their own Mario clones, spaceship games and a Minecraft inspired 2D platformers I was very happy with the results.
7 hours of lecture can be an overkill no matter how interesting the topic, so the workshop was divided between lecture time and coding time, where participants coded their own games. In the second workshop I also included mini coding labs as per the feedback received after the first day. This was very much appreciated by the attendants and I’ll definitely include more in-between short coding labs to keep people awake.
Teaching HTML5 mobile game development in just one day was a challenge, as I’m used to splitting the content in individual modules or courses, or assuming people know certain things. The approach I followed was:
- Cover the basics – what are HTML5 games, how can you render a HTML5 game (no frameworks yet). Canvas API
- Development workflow of a HTML5 game, from idea to publishing to native platforms.
- Framework basics – HTML5 Quintus
- Framework basics – Phaser
After those 4 modules, students picked a framework and worked on it for the rest of the day, on their own game ideas.
Another aspect I made a strong point about is that HTML5 game frameworks shouldn’t be treated as a “black box” as you do with jQuery or Angular. If you commit to use a framework on a game then you should read it’s source code and become familiar with it. It’s not optional!
What did people think of the workshop?
I got some interesting feedback and results after running a survey. Not everyone responded but it was good to collect feedback.
Presentations on Slideshare