I moved to a new URL! Check it out!

Flashpunk NineSlice Class (Updated!)

Flashpunk NineSlice Class (Updated!)
Last week I posted a quick NineSlice class that I wrote to work in Flashpunk. It was a little clunky, so this past week I cleaned it up and integrated it with Flashpunk's graphic system. The new version now extends Image, so you get all the awesome Image effects like color tinting, rotation, scaling, and more. Check out the new version!

NineSlice.as

As a quick example, here's how I'm using it in my current project. Check out this screenshot of a menu:

Image

Thanks to the handy dandy nine slice object, most of this menu is just drawn with a couple of simple source images. I scaled them up 4x so you could see them a little better.

Image

Just using these images as sources means I don't have to make a new image every time I want to change the size of one of the widgets. I can also do some cool animations with tweening the width and heights of the panels over time.

Feel free to use the NineSlice.as class however you want. If you use it or improve it in anyway, let me know!

Comments

Taylor Anderson
Taylor Anderson
Holy cow, I think this is the kind of functionality for the speech boxes I want to make...
Posted March 11th 2013 2:46 PM
usdaproved
usdaproved
No homo but I love you bro! I hope to become as good as you some day. Secrete all of your knowledge so that I may soak it up!
Posted March 11th 2013 3:31 PM
fedyfausto
fedyfausto
woow how can i create a bitmap font in fp? :0 it's better performant of Text?
Posted March 11th 2013 3:49 PM
@ThomasOMorrison
@ThomasOMorrison
I've never thought to do this, but man this seems like a good way to speed up UI creation. Hmm, looks like il be porting this to Flixel! (or looking for something similar)
Posted March 11th 2013 4:13 PM
Kyle
Kyle
usdaproved: Haha thanks! I've been trying to be more open about everything I'm working on in hopes that it helps some people out :)

Fedyfausto: I think I replied to you on twitter maybe? I'll be sharing my bitmap text class after I clean it up a little bit. Not sure if it's faster than Text though.

ThomasOMorrison: Awesome! I don't think I've seen anything like this for Flixel, so go for it :)
Posted March 11th 2013 7:56 PM
Toth
Toth
That's just great!
Posted March 12th 2013 4:45 AM
new comment!

Post your comment!

Name
Email
Comment