Developing Games with Phaser

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.

Continue reading “Developing Games with Phaser”

Advertisements
Developing Games with Phaser

What is AJAX?

AJAX

Ajax, or Asynchronous JavaScript and XML, is a powerful tool utilized by many websites to facilitate loading data into webpages without having to refresh the page. Ajax is everywhere. For example, the live search results in the Google search bar are powered by Ajax. Ajax can also be found on websites that display a feed of their latest tweets, or a shopping application that updates a shopping cart every time an item is added. Let’s dive in to the specifics of what Ajax is and how it works.

Continue reading “What is AJAX?”

What is AJAX?

How To: Setup Jade Template Engine

In this tutorial I’m going to step you through how to setup the awesome Jade Template Engine using the build system gulp. But first, a brief introduction on why someone would want to use Jade.

Why Bother?

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.

Why Jade?

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.

Continue reading “How To: Setup Jade Template Engine”

How To: Setup Jade Template Engine