Developing games with canvas is incredibly fun, but rewriting the same boilerplate code (game loop, key handling, etc.) can be annoying. Additionally, handling the processes of spritesheet handling and tilemapping can be a total pain. Luckily for us, we can use engines like Phaser, Quintus, and Impact to do most of the hard work, allowing us to focus on getting our game out there.
Jade is a powerful template engine with nice, minimalist syntax. Using a template engine instead of your standard HTML is a great way to introduce organization and consistency to your code. The structure gained from a template engine, like Jade, speeds up debugging, allows for rapid development, and provides a good separation between logic and markup.
When looking through all of the possible template engines (and there are lots), Jade really stuck out to me because of the way it redefines creating HTML syntax. Of course, Jade’s style of syntax may not be for everyone, and it does introduce a new, albeit small, learning curve for development. However, I find writing Jade to be quicker and therefore more productive than dealing with the more verbose HTML directly. Additionally, Jade supports template inheritance, which is an incredibly useful feature. If you’re willing to learn a little more syntax to speed up your development, allow me to introduce Jade.