Joe Kopena Posted September 10, 2015 Share Posted September 10, 2015 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! Quote Link to comment Share on other sites More sharing options...
AndreasLoew Posted September 10, 2015 Share Posted September 10, 2015 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. Quote Link to comment Share on other sites More sharing options...
Joe Kopena Posted September 10, 2015 Author Share Posted September 10, 2015 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. Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.