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.
I wrote a quick write-up on creating canvas games on my Codepen profile. Check it out here: http://codepen.io/mgmarlow/blog/canvas-game-programming
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.
This blog will cover a whole bunch of web development topics, especially topics that I am currently in the process of learning. My reason for creating this blog is to write tutorials on things that I am interested in, in an attempt to both learn them on a deeper level and to communicate them to those who are looking to learn. Since I am writing from an amateur student’s perspective, hopefully I will be able to communicate with those just getting started with web development in a different manner than experienced professionals.
Here are some topics that I will be covering:
- Jade Template Engine
- Gulp Build System
- Phaser Game Engine
- Canvas and SVG
- CSS3 transitions/animations
- Concise Framework
- Codepen Challenges
Thank you for visiting my blog!