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

Posting some other DEAD DRIFT EXPERIMENT GIFS. You can see "enemy trucks" (the dark rectangle thingies roving around) AND big zombies (they have 10x the HP of a regular zombie!!)

Some additional comments in the article!

#pixelart #gamedev #indiedev

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

Everybody talking about the Super Mario movie and here I am thinking how cool it would be if they made a movie out of THIS game...

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.

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!

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.

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!

MAKING YOUR CUSTOM BAR IN CONSTRUCT 3 - PART 1!

This is a simple tutorial about creating a custom bar using the native Progress Bar from Construct 3!

If you're interested in this kind of stuff, hop on and click on Read Article below! :)

#indiedev #gamedev

@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!

CONSTRUCT TUTORIAL TIME! I wanted to make a "mini-article" on how to make the distance-based zoom control mechanic I did for Dead Drift since it's so easy!

If you're interested, click on [Read Article] below!

#indiedev #gamedev