Sebi Posted February 21, 2014 Share Posted February 21, 2014 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 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 Quote Link to comment Share on other sites More sharing options...
xerver Posted February 21, 2014 Share Posted February 21, 2014 This is a pretty neat little application, is the code on Github I'd love to fork it Quote Link to comment Share on other sites More sharing options...
Sebi Posted February 22, 2014 Author Share Posted February 22, 2014 It's not on Github yet, created this app last night, gotta clean the code first. 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. Quote Link to comment Share on other sites More sharing options...
2dt Posted February 22, 2014 Share Posted February 22, 2014 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. Quote Link to comment Share on other sites More sharing options...
Dream Of Sleeping Posted February 22, 2014 Share Posted February 22, 2014 I wish you had made this just a few days earlier! I've just paid for TexturePacker. This looks really great though. Quote Link to comment Share on other sites More sharing options...
Sebi Posted February 22, 2014 Author Share Posted February 22, 2014 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 Dream Of Sleeping 1 Quote Link to comment Share on other sites More sharing options...
nikolayku Posted February 22, 2014 Share Posted February 22, 2014 Great work !!! This tool is what I find. Please provide link to git. Quote Link to comment Share on other sites More sharing options...
Sebi Posted February 23, 2014 Author Share Posted February 23, 2014 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 // 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. Quote Link to comment Share on other sites More sharing options...
Ezelia Posted February 23, 2014 Share Posted February 23, 2014 good job !I suggest to use nodejs instead of PHP backend, this way you only maintaint JS code, + you can wrap the application as executable using node webkit for example Quote Link to comment Share on other sites More sharing options...
mandarin Posted February 23, 2014 Share Posted February 23, 2014 Very impressive!You'd make it very accessible by making the tool a Node.js package and installable from npm. And by having a Grunt task to go with it, it would fit existing workflows easily. Quote Link to comment Share on other sites More sharing options...
Sebi Posted February 23, 2014 Author Share Posted February 23, 2014 Thanks guys! 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. Quote Link to comment Share on other sites More sharing options...
Mat Groves Posted February 23, 2014 Share Posted February 23, 2014 This tool is awesome, great job SebastianNette! Gonna play with it now 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.