SpriteStack - Animated soldier breakdown
Ahoy!
I've got back to working on animations and I would like to share some results created with the new system and highlight a few features specific to it's workflow.
How does the scene look?
Fortunately these goofy eyeballs disappear at the resolution we are going to render at.
Keyframes
This is the animation sheet of the muzzle flash sprite alone. As you can see it consists of just 3 animation steps. SpriteStack works by fluently interpolating between keyframes - contrary to frame-by-frame animation this allows you to export as many final spritesheet frames as your game needs.
The flagship feature is that this system is designed to work well with spritesheets - jumping between frames and playing them in any direction is absolutely a trivial task in SpriteStack and you will never feel like they have been forcefully added to a 3D software.
Micro delays
One of the problems with such approach is that keyframe data is aligned to the grid. Let's say I want to shoot 6 bullets but there is only ONE data frame to accomodate them. To solve that problem I have added delay property that simply delays execution of all animations of that object by fractions of a frame. Both left and right animation consists of the same animation blocks - the only difference are the micro delays added.
Easing
Animation dynamics is based on making curves out of famous Robert Penner's easing functions. Here I have applied an easing curve to the rotation to give the emphasize the recoil.
That's how the curve looks like - it basically makes the guy go back and forth three times.
Thanks
I know it doesn't explain too much about animating stuff in SpriteStack but that's the job that manual and tutorial will do. Hopefully you got a notion of what's possible and now you are getting ideas for your own animations. It's far from done but I am leaving it as is because I have promised you to release the renderer alone so you can export still objects with SpriteStack look'n'feel.
I post micro updates on Twitter
Also there is a Discord community gathering up.
The model I am using comes from this free assets pack by Maxparata
Aa an extra - since SpriteStack is a palette based software it took me about 5 minutes to recolor the sprites.
Thank you for supporting my work ❤️
Get SpriteStack
SpriteStack
Voxel editor suited for 2D artist with animations and retro rendering.
More posts
- SpritesStack 2021 Video MontageJul 05, 2021
- SpriteStack 2021 Status UpdateJun 29, 2021
- Upcoming Update / 2019Nov 25, 2019
- SpriteStack Update 3.20 - Sphere brush.Jul 30, 2019
- SpriteStack Update 3.0Jul 17, 2019
- Post launch hotfixJun 12, 2019
Comments
Log in with itch.io to leave a comment.
really looking forward to all this
Really beautiful. I overviewed it, didn't read through everything, but I will.
Awesome!