Basic Scaling, Animation, and Parallax Tutorial

[Joe Kopena 3]

In (re)acquainting myself with Pixi for some hobby projects, I put together a simple example and walkthrough of scaling to fit device dimensions, using hi-res resources, animating a sprite, doing some basic parallax scrolling with tiling sprites, and assembling spritesheets with TexturePacker:

http://www.rocketshipgames.com/blogs/tjkopena/2015/09/basic-scaling-animation-and-parallax-in-pixi-js-v3/

The code is very much based around Pixi, but it's easy to understand without being familiar with that API, and I thought the article makes enough broad points to be worth crossposting to this general 2D forum in hopes that others may find it useful.

Thanks!

[AndreasLoew 23]

Very nice tutorial!

 

Just a short remark of you use of TexturePacker: You can use it to scale the images for you. No need pipe them through ImageMagick.

[Joe Kopena 3]

Thanks for pointing that out, Andreas. In previous projects I had been generating spritesheets using a workable but convoluted and very manual series of ImageMagick tools (montage, etc) and Makefiles. I'm still new to TexturePacker, but definitely sold on upgrading to the full version for my next project.