Thursday, September 22, 2022

NEW Spritesheet Tool in town!

Ever heard of the 2D animation tool called, Kage Studio?  It has the Macromedia Flash feel to it.  Yes, Macromedia Flash -- not Adobe Animate.

Kage Studio is a free vector art animation tool which handles vector editing pretty much like Inkscape.  You draw the shapes and modify them with Select Tool and/or Node Tool.

I'll write a different article on how to use this free animation tool, but for now, let's focus on how we can make game art out of this tool.

Kage Studio is free and open source, currently hosted on SourceForge so, nothing to worry.  Now, download and install Kage Studio then open the demo file included with it, called demo.ksf

Adjust the Width and Height to fit the current artwork.  Make note of the Width and Height you set -- you might need it on your code to specify the width and height of each frame on your spritesheet.

Now. you are ready to export it as Spritesheet.  Click on File -> Export -> PNG... Spritesheet PNG.

Set the filename then check the Spritesheet for your self.

Load that to your game engine and see it get animated.

I've made a quick test with Phaser.  It should be doable with any other game engines.

With Kage Studio, you can have your sprite animation previewed inside the tool before loading inside your game.  Even reuse your sprites to create your cut scenes or cinematic and vice versa.


~creek23

No comments: