FOLLOW THROUGH & OVERLAPPING ACTION - The 12 Principles of Animation in Games
Vložit
- čas přidán 21. 07. 2024
- Let's talk about the 12 Principles of Animation! What are Overlap and Follow Through, and how have they been used in the animation of games like Horizon Zero Dawn, Crash Bandicoot, Spiritfarer and Streets of Rage 4?
Support New Frame Plus on Patreon!
/ newframeplus
------ ▼PLAYLIST▼------
Watch the whole series! ► • The 12 Principles of A...
------- ▼LINKS▼-------
PATREON ► / newframeplus
BLUESKY ► bsky.app/profile/danfloydplus...
LET'S PLAY CHANNEL ► bit.ly/2lmGte8
------- ▼CREDITS▼-------
Written and produced by Daniel Floyd
Special thanks to:
-Carrie Floyd
-Soraya Een Hajji
-Eric Luhta
------- ▼MUSIC▼-------
♪ "System Settings" by Dj CUTMAN
• Dj Cutman ▸ System Set...
♪ "It's-a-Me" by Funk Fiction
• Funk Fiction - It's a Me
♪ "Gateway" by chjolo
/ gateway
♪ "Incognito" by DjjD
• Super Smash Bros. for ...
♪ "Song of Time" by Bknapp
bknapp.bandcamp.com/album/ter...
♪ "Chillin' With the Bros" by Amphibious
• OC ReMix #3072: Super ...
♪ "Far Away" by Synesthesics
• Mirror's Edge OC ReMix...
♪ "Fairy Fountain" by Mikel
• Zelda & Chill ▸ Fairy ...
♪ "Breathe Deep" by The Vagrance, Wild
• OC ReMix #2140: Donkey...
♪ "Encounter With Marie" by Dj CUTMAN
• Encounter with Marie (...
♪ "3 Am" by Curly
• 3 AM ▸ Animal Crossing...
------- ▼CHAPTERS▼-------
0:00 - Introduction
0:16 - Follow-Through & Overlapping Action
1:51 - Examples of Overlapping Action
9:49 - Examples of Follow-Through
1:46 - SIDE NOTE: Terminology Problems
12:42 - Follow-Through & Overlapping Action in Games
16:04 - In Conclusion
16:25 - Wrapping Up
#animation #gamedev #newframeplus - Hry
the way you break everything down so understandably with great examples is so incredibly helpful. i will constantly come back to this series to improve my animation. thank you!!
Broodyyy!!!
bruhdy
hi
I'm not an animator, or even any form of visually creative, and I still love these. ❤️
So how did you find this
@@BlazeZ__ he probly is a sonic fan and found it from the animations of sonic games
Same, found this channel when a commentor linked it in another video
@@BlazeZ__ the youtube algorithm???
Nore am I. But understanding how something is done helps to greater appreciate the thing; animation in this case. That's why I am watching anyway.
Something nitpicky, but in the future would you consider adding the titles of the games you're showcasing? I like how Mark Brown does it, but I get that's additional work that's not worth much. In any case, thank you for the great video!
That’d be great! He could even make a subtitle track with all the movie names in it like Every Frame a Painting.
Would love this, I recognize a lot of the clip sources, but every once in a while there is a clip from a game I don't know but would really like to try out.
Agreed! I came here for that exact reason, to find the name of one of the games he showed.
Yes please
Another helpful idea would be to state the name of the game in the script, e.g. instead of saying "", say " from " the first time they're introduced.
Love the variety of games used for examples, not just in IP but in genre and visual style as well. Really helped selling how it really is a _principle_ of animation - universally applicable, even if that application comes in many different ways, degrees, and effects!
“Successive breaking of joints” sounds like what you're going to do to people who suggest you talk about the rest of the Sonic games.
Eek. “Successive Breaking of Joints” sounds like what happens when the Mob has to come by a couple of times.
Well hey, videogame devs gotta unionize some way right.
"Tony, you still haven't paid your dues. So the Don sent me to teach you...some principles of animation."
It was shown in some of the clips but not directly talked about, but that term is used precisely because they do "break the joints" of the characters!
The best example from the video is the clip of Crash's landing animation. Look at how his elbows bend in the wrong direction as his arms flap back down to his sides like a bird's wings.
Damn now I can't unsee it
8:50 - Letters on the fridge say "crunch." I wonder if the devs are trying to subtly communicate that they're overworked.
I think this is my favourite of the 12 principles videos so far. Your discussion of overlapping action put into clear words something that is very intuitive once it's pointed out and that's really nice. I think it'd be interesting to see a video on how you can violate the principles for effect - say, how a character could have very little overlapping action to convey unnaturalness or control?
1 day ago? That was before it released
@@hyperfox9279 probably a patreon, lots of channels allow supporters to watch videos some time before making the video public.
Successive breaking of joints sounds like a terrifying concept out of context.
As an actual comment on the content, you're super right that Zen's arm movements shouldn't be possible for something made of metal, but I always loved the snap of his primary fire precisely because that unnatural snapping is also not something human arms could do!
So glad to see Ratchet and Clank on here.
The moment I saw the game in motion I thought, Dan's gonna like this one.
Big props to the animation team at Insomniac, in gameplay and in cutscenes there is so much appeal in every single movement.
"Game Animator's Tool Belt"
Mark Brown won't know what hit him.
This makes me admire the amount of work these animators put on their products.
Every time I learn something new about animation and how all the parts fit together, my mind is blown at the thought of how animators can make it all look so natural. There's just so much going on underneath the surface!
I can't believe Dan buterched his voice for so long for Extra Credits, his natural voice has a real warmth and coziness too it
I could listen to him explain animation for hoooours
I enjoyed the "voice butchering" in Extra Credits. Part of what made me like "games might not have tried" is his mix of music, and voice conveyed that warmth. His show is very much "Feel good".
Yeah, although I could listen to him in either voice. Shame he doesn't have as much quantity of content, but i'm glad he's doing what makes him happy
this is possibly my very fav series on youtube... even compared to things like summoning salt's record narratives, overly sarcastic production's misc myths, or Betsy Lee's "No Evil" saga.
Dan talking about animation are also my favorite parts of the let's plays as well.
This channel inspired to follow through on something I've wanted since kindergarten and sign up for my first 2D animation class. I'm a data analyst by trade but this is my passion 😊
Good luck, Cheshire.
16:02 - Omg that Quill animation is adorable! She preps herself to fall backwards when the lever finally snaps into place. You can see the ear and tail pull up in anticipation of falling on her back, so they don’t have a chance of landing wrong! 🥺
I am not an animator. Heck, I can barely draw. But I absolutely relish these videos.
And that's because Dan is so very good at discussing the subject of animation with clarity, expertise, and (most important) passion.
I may never be a visually creative person, but I do find myself looking for the application of the technique in games and animation after watching these 12 Principles videos and appreciating the efforts that went into those creations. Thanks for that, Dan!
Man I love this series, really opens my eyes to the finer details of animation. My favorite principle has to be follow through; I first noticed it with 2B's walk and run animations, the little stop she does similar to Stella's really helps sell the feeling of momentum being carried through until the total stop. Can't wait for the next one :)
What a delightful video! These don’t seem to get as much attention as your other videos, but I hope you continue the series, it’s such an educational treat!
I am not an animator myself, but man do I _love_ watching these videos!
I also really love the fact that you show so many great examples as well. You could've built this video around ONLY the one game with Cherry smashing the guitar into the ground, but you didn't. You used Monster Hunter, you used Rocket League, you used Horizon Zero Dawn, Ghost of Tsushima, Crash 4, Spiritfarer, and many more. It shows a kind of dedication I just adore. Good job with these videos!
Jordan Mechner deserves some recognition for being probably the first person, in 1984 with karateka, to bring a lot of these principles into video games, refining them in 1989 with prince of persia.
Small thing, but I love hearing some of my favorite tunes pop up in the background of these videos. Those little touches are appreciated.
When will you continue the series? She is fabulous! There are several on this subject but none as you explain. We'll keep waiting for you to finish the mini-series
I love this series and funnily enough talking about ‘follow through’ and demonstrating with an attack is how I was trained for doing things like board breaking. If you hit to the target your real life attack won’t have the impact won’t have the force requires to break it and in fact will snap back to you (see people breaking stacks of bricks and failing to hit through all of them, they will come away shaking off that reverb). You have to essentially put all of your force in an attack past the goal in order to really connect. Nice to know this also applies to my animations too!
You, sir, are doing God's work for us beginners over here. Thank you so much for you wonderful content.
New Frame Plus uploads: :o
PlayFrame uploads immediately after: :0
*They’re both great vids* : :OOOOOO
I loved your choice of background of Ariel there. That was one of the reasons I fell in love with her back when I first saw her in the cinema - that sense of movement in her excitement in looking into Eric's eyes gave the right look of follow through in her hair etc when she's looking at the screen. And of course thanks for the exploration of these principles, they are a joy to watch and listen to. And it's fun when I know the meaning of the term as you're explaining it! :)
It's great to see this series back. I love your commentary about animation; it's one of the things I find most appealing about the videos on your other channel as well.
As a graphic novel artist, I honestly find these videos extremely helpful as I try to mimic animation principles with a single pose. Thanks!
These videos are some of my favorite on youtube! What you did with extra credits and now this channel really encouraged me to learn to animate, code, and learn game design, even if I'm just a hobbyist at this point, so thanks!
I've been patiently waiting for the next parts to this series. These videos are amazing. I'll continue to wait because every video takes time for sure. Keep up the amazing stuff.
The amount of examples you use and explain is so helpful in these principle videos! This is why I love them so much, they are so informative
I love how you use so many varied examples. I love how you explain things concisely. Great video, wish there were more like it on CZcams!
Been wanting to see the next animation video for ages. Please keep them coming. So good!
This might be my favorite principle. The way it enables such dynamic motion is so fun. And you've explained it accessibly and engagingly, as always. These are always amazing and I'm so happy you continue to provide this education to us, Dan.
Cooldown might also be another reason to use follow-through. In games you want the input to be quick, press button and action happens, but once you complete an action we've been taught that it can take time before you can perform that action again. So follow-through sells the power of the action while also being a visual indicator of when we can perform the action again and something to watch in the mean time.
Also no mention of the awesome animation on Daffodil?
I was wondering when the next one of these would come out...and here you are, love it
I'm trying to learn everything I can about game art and animation for my upcoming education in game design. I can't express how helpful your videos are for an outsider like me. Keep it up!
This isn’t exact what we’re talking about, but this reminded me of something that annoys me in Tomb Raider: when you switch weapons literally only her arms move, the rest of her body is acting like nothing else is going on.
Aren't y'all glad Dan followed through on this series?
I'll show myself out now.
A great way to understand this concept is by spending the afternoon practicing with a pickle ball coach.
I’m not even kidding it’s actually somehow connected because it’s about how you swing the paddle: it’s important to focus on what you’re doing after you swing.
Just when I thought you were taking a hiatus! Literally checked the channel yesterday to see how long it’s been, so glad to have a new video to watch =)
Thank you sooooo much for adding a new part to this fantastic series!
I remember watching a GDC talk about procedural animation using interpolation, and the host mentioned applying secondary physics, such as on the demonstration character's long ears. It was only when you mentioned it in the terminology section that I remembered it and made the connection between this video and that talk.
Finally, new episode of this series. Thanks man!
These are so good! Looks like so much work goes into them, thanks for making these
This video actually made this principle make a lot more sense to me! Because when I got the Illusion of Life from a recommendation, overlap and follow through completely stumped me
i love how aspects of different fields have a ripple effect (heh) and affect the work outside that field, like the feedback issue of ux and the nature of animation. i often find that a content from a different area of expertise teaches a lot, and it's great to see people passionate about their work talk about it
This series really helps me appreciate the attention to detail that a lot of us take for granted.
This is one of the principles I have the hardest time implementing, but the greatest appreciation for
Good video as always! Its always exciting to see youve posted a new video!
Wow, that POL menu music hit me with a nostalgia I was not expecting. FFXI sure was a time in my life.
Whew! Been waiting for the newest New Frame Plus!
Bro you don’t even know how helpful this vid was, you my friend have just earned a sub
interacting for almighty algorithm
Supporting this movement. Adding words such as good greate educational and should be used in art schools.
For the algorithm!
I like how on super mario 64 when you try to turn to the opposite direction you are facing mario starts sort of sliding for a little while, and that timeframe can be used for a different kind of jump - it's both physical and responsive and also depth and control
I'm learning to animate in blender and these videos are a godsend!
Keep up the great work, Dan! I'm loving every single video
The legend is back!
Most underrated CZcams channel out there! Love every single video!
That is a wonderful series. Not an animator myself but gosh the videos are extremely interesting to watch
I’m pissed that CZcams didn’t notify me about this video. I love your work dude!
Glad to see this series is still chugging along.
I would love to hear about the rest of the principal of animation! I look forward to more of your videos and to the rest of this series!
Man, that Play Online music is bringing some serious nostalgia for the early days of Final Fantasy XI, back in 2002.
Thank you for posting the songs! There's some serious jams in here.
Thanks a lot, this is a great explanation about those very important principles with examples.
Thanks a lot to you
Nice to have another video on the 12 principles.
With a lot of independent animators often being on time crunches, shortcuts are often used thst can convey a little sense of follow through wothout having to animate them as they're traditionally done.
That little bob you see when a relatively stationary character moves between poses, a little extra tilt back when raising a hand up or using the style of the animation itself to almost ignore the need.
We're a resourceful bunch.
This makes it so easy to understand! Thank you!
Yes! I've been lookin forward to this!!!
I like to think that “Follow Through” is the “coming to a stop” of animation, and that “Overlapping action” is about how the Follow Through affects the windup & animation of the immediately following action (or, how they overlap), like when a character like Doc from Snow White turns his head back and forth (VERY NOTICEABLE at 1:10), the jowls keep going the first direction, which adds momentum when they swing back, letting them take longer to settle even after his head has completely stopped moving, which helps avoid that “only one character in a scene animates while talking” many Cartoons and Anime have
As an editor I love your cut with the music at 16:24.
Holy crap, Dan. I just realized - you're Dan from Extra Credits! That is so damn cool that you're branching out into more detailed topics on video games. It's a wonder just how much some pitch shifting can change a voice.
Anybody else notice mikel's remixes in the back? Love his stuff, keep doing what you do best dude
Man I love these videos. Such a good resource.
Greetings from a motion designer
Always enjoy these principle of animation videos. Makes me want to pick up a pen and get animating!
A New Frame Plus episode? Just wanted I needed today ^w^
I learn a lot from these videos, THANK YOU!
It’s video breakdowns like this that make me consider switching careers into animation. So good.
As an outsider looking in, I love watching all these animation principle episodes that you put out, even helps me find the words to describe table top adventures rather than apply them to a 3D virtual environment. Even then, pointing all of this out just makes me appreciate the medium that much more.
Very interesting video. Yet another thing I never paid any attention to, and from now I will.
Brilliant as always!
Heck yeah, love these videos!
Dan, these videos are so good.
these videos are so good they make me think being a games animator could be an enjoyable job
Despite me not being a professional animator, I like looking at good animations that express characters and the power of a character. Especially with how fighting games use techniques like smears, squash and stretch, overlap and follow through and breaking the joints. I like how I'm able to earn more unique animation techniques through games in this series.
The algorithm absolutely did NOT want me to see this video, even though I'm subscribed! I'm so glad I checked up on the channel.
Subscriptions mean nothing now, and haven't for ages, ever since CZcams removed email notifications. If you want to be sure of finding when a channel uploads something, get an RSS reader like QuiteRSS and add the channel's URL to its list to check.
Such an excellent series!
so helpful!! thanks for the tips and explanations :D
Hell yes, nice to see this returned, hope that we'll see the rest of the principles return.
Can't wait to see appeal!!
Seeing such good animation is invigorating.
One thing SNK did that I always appreciated is they made King of Fighters 14 and 15 with key-framed overlapping motion, ensuring characters have clean silhouettes when doing attacks whenever and wherever. Capcom on the other hand left the engine to handle flowing materials and hair in Street Fighter 5 and it not only looks bad personally seeing characters hair flinging about like a yo-yo but it also damages their silhouettes in a game all about responding and reaction to opponent animations. They invented a LONG DREADLOCKED character in Street Fighter 5 and seemed to just leave it all to the engine to figure out, creating a really gross looking character in motion.
High quality content here, Subscribed 👌
wow thank you, i really want to be an animator for my job and this is really helping me understand how animations is done, thank you
Been watching this excellent series for years, and now my dream is to become an animator. Thanks, Dan.
Yes! Thank you Dan Floyd
I'm not an animator, but I enjoy watching these so I can better appreciate great animation when I see it