Sprites reinvented

SLotman

Active member
3rd Party Module Dev
Tutorial Author
Joined
Jul 3, 2017
Messages
239
Urg. Why complicate things like this? You can just load the image, manually change the pixels and that's it. Or you can use something like "spriter", "spine" or "dragon bones" and just recolor the parts needed.

I did this a few years back with spriter and monkey-x: the big zombie and all others are just a single spriter animation, changing "props" for each one. One of those props is the white t-shirt (body and sleeves separated), so I recolor them as I want (see how the smaller zombie on the left has blue shirt, while its black on the next and red on the next)

You can do the same with pixel art - just chop the images and animate them. Spriter/Spine/Dragonbones doesn't care if its pixel art or not, and then you can just recolor the parts in your code as needed.

1671175209784.png
 

MikeHart

Administrator
CX Code Contributor
3rd Party Module Dev
3rd Party Target Dev
3rd Party Tool Dev
Joined
Jun 19, 2017
Messages
3,504
Still an interesting concept. Not new to me. The creator of Sokol used a similar technic to store Animation of bones for 3d models inside a texture. Very efficient.
 

MikeHart

Administrator
CX Code Contributor
3rd Party Module Dev
3rd Party Target Dev
3rd Party Tool Dev
Joined
Jun 19, 2017
Messages
3,504
@SLotman did you created the animation in Spriter and exported as Spriteframes?
 

SLotman

Active member
3rd Party Module Dev
Tutorial Author
Joined
Jul 3, 2017
Messages
239
@SLotman did you created the animation in Spriter and exported as Spriteframes?
I don't export them, I use the .scml files directly - there was an old 'spriter' module for Monkey-X that I use (without bones support, just moving/rotating/scaling the images) and have customized to be able to show/hide/color parts of the graphics.
 

MikeHart

Administrator
CX Code Contributor
3rd Party Module Dev
3rd Party Target Dev
3rd Party Tool Dev
Joined
Jun 19, 2017
Messages
3,504
There was one? Do you have any link to it?
 

Wingnut

Well-known member
3rd Party Module Dev
Tutorial Author
Joined
Jan 2, 2020
Messages
1,284
Urg. Why complicate things like this? You can just load the image, manually change the pixels and that's it. Or you can use something like "spriter", "spine" or "dragon bones" and just recolor the parts needed.

I did this a few years back with spriter and monkey-x: the big zombie and all others are just a single spriter animation, changing "props" for each one. One of those props is the white t-shirt (body and sleeves separated), so I recolor them as I want (see how the smaller zombie on the left has blue shirt, while its black on the next and red on the next)

You can do the same with pixel art - just chop the images and animate them. Spriter/Spine/Dragonbones doesn't care if its pixel art or not, and then you can just recolor the parts in your code as needed.

View attachment 1489
Nice graphics! Well I guess it's nor for everyone but I found the idea very fresh. I'm sure his an old 3d modeller that
got used to this way of thinking and had this idea to apply it to pixelart as well. I agree it's a bit mindboggling and why even do it you know. But, I tend to like this kind of weird spinoffs, I'm not sure what to call the but Pixelling is an artform that is so old and it has not changed too much for the last 30 years so I kind of welcome this, maybe it will give people more ideas.
 
Top Bottom