Use Texture Packer to Create Sprite Sheets on Phaser

Using sprite sheets can speed up your game’s loading time and improve frame rate.

To create these elements easily, you can use Texture Packer. With this software, you can load sprite sheets in Phaser. You can even organize these sprites in folders to improve productivity.

Once your sprite sheets are loaded, you can add static background images, animations, and other customizations to make your game fun to play.

To get Texture Packer and learn more about its features, check this page.

Texture Packer


You might also find this interesting:


  1. HTML5 Game Development Facebook, Twitter and G+ The official HTML5GameDevelopment.org Facebook page up at: http://www.facebook.com/Html5GameDevelopment The official HTML5GameDevelopment.org Twitter account is at: https://twitter.com/#!/gamedevhtml5 The Google Plus page is up at: https://plus.google.com/b/106608051085232600929/ All are updated automatically via the...

  2. Create a Bloody Dripping Effect with Phaser Using physics and easing functions, you can create a bloody dripping effect for your horror-themed games. A Phaser online tutorial gave tips on how to create this effect using the...

  3. Stitches: An HTML5 CSS sprite sheet generator Stiches is a HTML5 CSS Sprite Sheet Generate that lets you drag and drop files onto the browser and output a sprite sheet and stylesheet. [Via http://www.html5gamedevs.com/2012/02/04/stitches-html5-sprite-sheet-generator/] Share List...

  4. Hearthstone card effect in CSS An interesting question was posed via Twitter recently. It was about finding a way to create a card browse/hovering effect like the one in the popular card game Hearthstone using...

  5. Quintus Engine The Quintus engine is a simple HTML5 game engine designed to be modular and lightweight, with a concise JavaScript-friendly syntax. ...

, ,
HTML5 Engines