Game
Dead Drift

3 years ago

Here is the not-so-short -- I had to break it into two parts -- animation process post! Hope you folks enjoy it!

(Click on READ ARTICLE to see it!)

#pixelart #retro #indiedev #gamedev


First, this is merely the process that works best for me. I'm sure it will suck for other people. Read this, ponder whether it makes sense for you and, if it does, try it out!


Basic Animation - Part 1

When I create new animations, I start where I think all animators start, at least for this kind of animation: at the keyframes.

Since I do pixel art games with somewhat lo-fi art, each animation only has a few keyframes, like two or three. They are few but, as their name implies, are very important frames. Key, I'd say! :)

Let's use, as an example, the "zombie getting hit" animation from earlier. Here's its gif and its sprite sheet:

zombie_getting_hit.gif
zombie_getting_hit-tutorial.png

When I started doing this animation, there were only two keyframes: the 1st one, the zombie's idle position, and the 2nd one, of the zombie getting hit. This is how this animation would look, with only these two:

zombie_getting_hit.gif

A little weird-looking, right? At least at this speed.

Since it alternates between the keyframes too quickly, it doesn't communicate movement that well. We need to add some in-between frames.

This is a "getting hit" animation, and one where the target is a sluggish zombie with very little reaction time. In these cases, one usually doesn't want to add a lot of frames between the "resting" pose and the "hit" pose. You want this movement to be sudden and violent.

image.png

At the same time, recovery from such a blow usually is slow and has more frames. So all the in-betweens I added (frames 3, 4, and 5) were after the second keyframe, to capture the movement of the zombie "returning" to its stable pose (frame 1).

image.png

In these three frames, I returned three things to their previous position: back, head and arms. I tried to move each of these at its own speed, to produce the effect that these are separate body parts moving:

  • The back does a linear movement back to frame 1;

  • The head starts lagging behind (frames 2 and 3), but soon gains speed and "leads" the movement (frame 5);

  • Finally, the arms also return to their original position, but at different speeds.

(Continues...)


This is getting TOO BIG, so I'm gonna stop right here! Hope you've enjoyed the first part of this article! Tomorrow I might post the second part! See ya there! :)



10 comments

Loading...

Next up

CONSTRUCT TUTORIAL - SPRINGY MOVEMENT (PART 2/2)

Let's keep going! We're going to make a flower bounce today, and we have a lot of work to do!

Click on [Read Article] for boing-oing-oing-oing!

DEAD DRIFT UPDATE!

I'm still working on the missions, and it's been harder than I anticipated. However, I was able to make missions work (even if the UI is a little janky)!

Click on Read Article for more info!

It's coming, folks!!! Anyone else excited???

Madeline is the main protagonist of the mountain climbing platformer, Celeste. The game has been praised for its visuals, gameplay, and introspective narrative. The game's creator Maddy Thorson confirmed that Madeline is trans in 2020.

For this #DrawABirdDay I decided to make a simple animation as if Greedy Grackle was one of the Socks from Sock Town!

Here's Greedy Grackle Sock!

#pixelart #animation

Happy Video Game Day!

July 8 is Video Game Day, a holiday that's obviously close to our hearts at Game Jolt.

Celebrate by completing our quests! They won't be around long, so get the rewards while you can.

QUICK UPDATE on the MISSIONS SYSTEM!

I have been working on this progression layer and things have been going well! Here's a video of me testing this system!

Click on Read Article for more info! :)

#gamedev #indiedev

MAKING YOUR CUSTOM BAR IN CONSTRUCT 3 - PART 2!

Time for Part 2 of our two-part tutorial on how to create your custom bar in Construct 3!

Click on [Read Article] below!

#gamedev #indiedev

@ryon is a Jolter to Watch, game dev, programmer, and artist who worked on Five Nights at Friedrich's! Follow @ryon before the quest ends on July 15 and you'll get Coins!

A photo with Abacaxi, one of my dogs!

And, yes, we're both scraggly dudes.