Sign in to follow this  
SebastianNette

Texture Packer alternative using PIXI.js

Recommended Posts

So my TexturePacker trial ran out yesterday and I was thinking about buying their license until I saw that they are charging 30 Euro for it.

That's quite expensive. I know that there are alternatives around but TexturePacker felt quite convenient.

 

But I had some free time last night and tried to code a texturepacker based on pixi.js. Here is what I got so far  :D

 

http://www.mokgames.com/texturepacker/index.htm (with php script for actual uploads)

http://www.mokgames.com/texturepacker/v2/index.html (without uploads, save via rightclick)

 

So, if there are any lazy people around, who are looking for a fast way to pack spritesheets without downloading an extra software, they can give it a try. ;)

 

edit:

 

Uploaded it just now. Still need to clean the code and work out the bugs in the packing algorithm but it works fine in most cases.

The version that I uploaded on Git is full javascript, I'll add serverside support (php tools for image optimizing) as soon as I get some free time again.

 

https://github.com/SebastianNette/PixiTexturePacker

 

So now I can continue programming my games :P

Share this post


Link to post
Share on other sites

It's not on Github yet, created this app last night, gotta clean the code first.  :D

Should get it there this weekend. The packing algorithm isn't optimized yet either but for now it seems fine

 

The packer doesn't even need any serverside code because the uploads are done vie FileReader Api.

Was quite a lot fun to write it. ;)

Share this post


Link to post
Share on other sites

Very cool. This got me thinking, maybe we should all pitch in to create a "Pixi Toolkit", full of a bunch of useful HTML5 apps that make development on Pixi much easier. "Tint/filter previewer, line/shape drawer, texture packer, etc..." Food for thought.

Share this post


Link to post
Share on other sites

I wish you had made this just a few days earlier!  I've just paid for TexturePacker. This looks really great though.

 

I'm sorry, haha!

 

TexturePacker sure is a great software and has a lot other features but the license is way too expensive for just packing some graphics into a spritesheet. Not all indiedevs can afford paying for such a minor task.

 

I hope that as soon as I put my script on Github, that some people will help me implementing some other neat features / data formats, to optimize the packing algorithm and to keep it up to date. There are enough good javascript developers out there nowadays ;)

Share this post


Link to post
Share on other sites

Uploaded it just now. Still need to clean the code and work out the bugs in the packing algorithm but it works fine in most cases.

The version that I uploaded on Git is full javascript, I'll add serverside support (php tools for image optimizing) as soon as I get some free time again.

 

Github:

https://github.com/SebastianNette/PixiTexturePacker

 

Demo Github version:

http://www.mokgames.com/texturepacker/v2/index.html

 

Test with existing spritesheets:

Add Sprites -> JSON -> http://www.goodboydigital.com/pixijs/examples/3/SpriteSheet.json

 

It's mainly the max size/fixed size messing up atm, but that should be easy to fix.

 

 

So now I can continue programming my games  :D

 

// edit:

size issue seems to be fixed now. it still bugs out on shape padding and border padding.

that happens when the textures perfectly match the current power of two dimensions but enter the next higher power of two because of the padding e.g. 512px non border -> 516px border -> 1024 is the next bigger power of two. need to look into the packing algorithm again, but that too seems a minor issue and will be easy to fix.

Share this post


Link to post
Share on other sites

Thanks guys!  :D

I never created a node package before so I'll have to take a look at that. It's really just a script I wrote friday after my texturepacker trial ran out and because I had some time to spare.

 

It would be cool to be able to easily select directories / files from your own webserver via console / an simple file viewer,automatically update those sprites when the original files change, to support all the other data formats that texturepacker has, to write the published files directly to the ftp, etc. 

 

A lot things to be done here and if anyone wants to help with that, feel free to contribute.

Probably should change the design slightly too.

 

But I have to finish my current game so I won't be able to update the packer next week.

Hopefully this encourages people to make other paid software accessible to indiedevs too.  ;)

Share this post


Link to post
Share on other sites

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.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

  • Recently Browsing   0 members

    No registered users viewing this page.