FOLLOW THROUGH & OVERLAPPING ACTION - The 12 Principles of Animation in Games

Поділитися
Вставка
  • Опубліковано 1 чер 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
  • Ігри

КОМЕНТАРІ • 303

  • @BrodyAnimates
    @BrodyAnimates 3 роки тому +429

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

  • @lunasophia9002
    @lunasophia9002 3 роки тому +331

    I'm not an animator, or even any form of visually creative, and I still love these. ❤️

    • @BlazeZ__
      @BlazeZ__ 3 роки тому

      So how did you find this

    • @leogotlost2482
      @leogotlost2482 3 роки тому +5

      @@BlazeZ__ he probly is a sonic fan and found it from the animations of sonic games

    • @Johnhamsta
      @Johnhamsta 3 роки тому +3

      Same, found this channel when a commentor linked it in another video

    • @_doop8257
      @_doop8257 3 роки тому +7

      @@BlazeZ__ the youtube algorithm???

    • @Smileyrat
      @Smileyrat 2 роки тому +6

      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.

  • @SlackwareNVM
    @SlackwareNVM 3 роки тому +262

    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!

    • @maxvetter1336
      @maxvetter1336 3 роки тому +11

      That’d be great! He could even make a subtitle track with all the movie names in it like Every Frame a Painting.

    • @iellswo
      @iellswo 3 роки тому +27

      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.

    • @rebecca3369
      @rebecca3369 3 роки тому +1

      Agreed! I came here for that exact reason, to find the name of one of the games he showed.

    • @MartinPurathur
      @MartinPurathur 2 роки тому

      Yes please

    • @ZetaPyro
      @ZetaPyro 2 роки тому +13

      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.

  • @corwin32
    @corwin32 3 роки тому +92

    Eek. “Successive Breaking of Joints” sounds like what happens when the Mob has to come by a couple of times.

    • @TediI47
      @TediI47 2 роки тому +7

      Well hey, videogame devs gotta unionize some way right.

    • @dolebiscuit
      @dolebiscuit 2 роки тому +12

      "Tony, you still haven't paid your dues. So the Don sent me to teach you...some principles of animation."

    • @aislingbones1854
      @aislingbones1854 2 роки тому +2

      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.

  • @pedroscoponi4905
    @pedroscoponi4905 3 роки тому +107

    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!

  • @rentaspoon219
    @rentaspoon219 3 роки тому +41

    Damn now I can't unsee it

  • @rasmusdegn9690
    @rasmusdegn9690 3 роки тому +37

    “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.

  • @jadewhite766
    @jadewhite766 3 роки тому +92

    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?

    • @hyperfox9279
      @hyperfox9279 3 роки тому +2

      1 day ago? That was before it released

    • @doublesystem9790
      @doublesystem9790 3 роки тому +20

      @@hyperfox9279 probably a patreon, lots of channels allow supporters to watch videos some time before making the video public.

  • @Cyfrik
    @Cyfrik 2 роки тому +8

    8:50 - Letters on the fridge say "crunch." I wonder if the devs are trying to subtly communicate that they're overworked.

  • @slambamwam3597
    @slambamwam3597 3 роки тому +19

    Successive breaking of joints sounds like a terrifying concept out of context.

  • @Minihood31770
    @Minihood31770 3 роки тому +21

    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.

  • @lavnlvas
    @lavnlvas 2 роки тому +22

    "Game Animator's Tool Belt"
    Mark Brown won't know what hit him.

  • @LavenderLinguist
    @LavenderLinguist 3 роки тому +24

    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!

  • @Kuon_latte
    @Kuon_latte 3 роки тому +21

    This makes me admire the amount of work these animators put on their products.

  • @peggyliepmann5248
    @peggyliepmann5248 3 роки тому +8

    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!

  • @arcflashhazard_
    @arcflashhazard_ 2 роки тому +2

    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!

  • @Focie
    @Focie 2 роки тому +1

    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!

  • @Tustin2121
    @Tustin2121 2 роки тому +1

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

  • @andy4an
    @andy4an 3 роки тому +5

    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.

  • @ChesireWaltz
    @ChesireWaltz 3 роки тому +19

    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 😊

  • @blacxthornE
    @blacxthornE 2 роки тому +1

    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.

  • @call_me_maple
    @call_me_maple 2 роки тому +8

    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 :)

  • @ChanceTheCheetah
    @ChanceTheCheetah 3 роки тому +29

    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

    • @austemousprime
      @austemousprime 2 роки тому +2

      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".

    • @alexschalk5439
      @alexschalk5439 2 роки тому

      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

  • @wirech20
    @wirech20 Рік тому +4

    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

  • @jmagrippis
    @jmagrippis 2 роки тому +3

    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!

  • @ZorlockDarksoul
    @ZorlockDarksoul 3 роки тому +5

    Small thing, but I love hearing some of my favorite tunes pop up in the background of these videos. Those little touches are appreciated.

  • @wearwolf2500
    @wearwolf2500 2 роки тому +5

    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?

  • @SoujiMonaru
    @SoujiMonaru 2 роки тому

    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! :)

  • @HewleyxAngel
    @HewleyxAngel 2 роки тому

    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!

  • @ZARAHAnimation
    @ZARAHAnimation 8 місяців тому +1

    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.

  • @zinka777
    @zinka777 2 роки тому +3

    You, sir, are doing God's work for us beginners over here. Thank you so much for you wonderful content.

  • @JoyceW-Art
    @JoyceW-Art 2 роки тому +1

    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

  • @bowtie_penguin
    @bowtie_penguin 2 роки тому +3

    New Frame Plus uploads: :o
    PlayFrame uploads immediately after: :0
    *They’re both great vids* : :OOOOOO

  • @rickvanleeuwen9589
    @rickvanleeuwen9589 2 роки тому +3

    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!

  • @Matthew_Klepadlo
    @Matthew_Klepadlo 2 роки тому +2

    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.

  • @jmcman6104
    @jmcman6104 2 роки тому +2

    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.

  • @Gilbot9000
    @Gilbot9000 3 роки тому +1

    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.

  • @AtomBacon
    @AtomBacon 2 роки тому +1

    This series really helps me appreciate the attention to detail that a lot of us take for granted.

  • @redkingrauri3769
    @redkingrauri3769 2 роки тому

    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.

  • @user-sl6gn1ss8p
    @user-sl6gn1ss8p 3 роки тому +2

    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

  • @WqDnbY52l0
    @WqDnbY52l0 3 роки тому +9

    interacting for almighty algorithm

    • @alisoltani5636
      @alisoltani5636 3 роки тому

      Supporting this movement. Adding words such as good greate educational and should be used in art schools.

    • @Stlwartheart14
      @Stlwartheart14 2 роки тому

      For the algorithm!

  • @jaydenliberty9536
    @jaydenliberty9536 2 роки тому

    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

  • @Roxor128
    @Roxor128 2 роки тому

    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.

  • @sirB0nes
    @sirB0nes 2 роки тому

    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.

  • @TheWordPlay
    @TheWordPlay 2 роки тому

    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

  • @PurpleFreezerPage
    @PurpleFreezerPage 2 роки тому

    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 UA-cam!

  • @FizzyMutt
    @FizzyMutt 2 роки тому +1

    Good video as always! Its always exciting to see youve posted a new video!

  • @legomacinnisinc
    @legomacinnisinc 2 роки тому

    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!

  • @marcofantozzi
    @marcofantozzi 2 роки тому

    Been wanting to see the next animation video for ages. Please keep them coming. So good!

  • @frixyg2050
    @frixyg2050 2 роки тому

    Wow, that POL menu music hit me with a nostalgia I was not expecting. FFXI sure was a time in my life.

  • @calstein6701
    @calstein6701 10 місяців тому

    These are so good! Looks like so much work goes into them, thanks for making these

  • @ascendium
    @ascendium 3 роки тому +1

    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 =)

  • @paulkyle
    @paulkyle 2 роки тому +1

    That is a wonderful series. Not an animator myself but gosh the videos are extremely interesting to watch

  • @Thraim.
    @Thraim. 2 роки тому +1

    Aren't y'all glad Dan followed through on this series?
    I'll show myself out now.

  • @nicolascarter48
    @nicolascarter48 2 роки тому +1

    I’m pissed that UA-cam didn’t notify me about this video. I love your work dude!

  • @chloebangco3752
    @chloebangco3752 2 роки тому

    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.

  • @SourSourSour
    @SourSourSour 2 роки тому

    This is one of the principles I have the hardest time implementing, but the greatest appreciation for

  • @ErokowXiyze
    @ErokowXiyze 2 роки тому

    Thank you sooooo much for adding a new part to this fantastic series!

  • @seriomarkj
    @seriomarkj 2 роки тому

    I was wondering when the next one of these would come out...and here you are, love it

  • @DarkDax
    @DarkDax 2 роки тому

    Brilliant as always!

  • @ByCy_
    @ByCy_ 3 роки тому +6

    The legend is back!

  • @swarth8632
    @swarth8632 3 роки тому +1

    Yes! I've been lookin forward to this!!!

  • @soulzero22
    @soulzero22 2 роки тому

    As an editor I love your cut with the music at 16:24.

  • @okanut
    @okanut 3 роки тому +1

    This makes it so easy to understand! Thank you!

  • @dogthedog1338
    @dogthedog1338 3 роки тому

    Finally, new episode of this series. Thanks man!

  • @khodexus4963
    @khodexus4963 2 роки тому +2

    Man, that Play Online music is bringing some serious nostalgia for the early days of Final Fantasy XI, back in 2002.

  • @Dominik-K
    @Dominik-K 3 роки тому +1

    Thanks a lot, this is a great explanation about those very important principles with examples.
    Thanks a lot to you

  • @user-vz5wu8ty3z
    @user-vz5wu8ty3z 3 роки тому +1

    Heck yeah, love these videos!

  • @dacornguy
    @dacornguy 2 роки тому

    Whew! Been waiting for the newest New Frame Plus!

  • @Evan-rj9xy
    @Evan-rj9xy 2 роки тому

    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

  • @coffeekat-
    @coffeekat- 3 роки тому

    so helpful!! thanks for the tips and explanations :D

  • @WhoEvenIsAndr
    @WhoEvenIsAndr 3 роки тому +2

    Dan, these videos are so good.

  • @R4MM3RNZ
    @R4MM3RNZ 3 роки тому

    Most underrated UA-cam channel out there! Love every single video!

  • @crispywings9066
    @crispywings9066 2 роки тому

    Bro you don’t even know how helpful this vid was, you my friend have just earned a sub

  • @tylermccombs4823
    @tylermccombs4823 3 роки тому

    Thank you for posting the songs! There's some serious jams in here.

  • @Poboi_Draws
    @Poboi_Draws 3 роки тому

    I’ve been waiting for this!!!

  • @eddieandersson5570
    @eddieandersson5570 3 роки тому

    Another great episode ♥️

  • @Benimation_anim
    @Benimation_anim 2 роки тому

    Love this channel!!

  • @1564168453415
    @1564168453415 2 роки тому

    I learn a lot from these videos, THANK YOU!

  • @superfiver
    @superfiver 2 роки тому +1

    Another great video

  • @TifaTorta
    @TifaTorta 2 роки тому +1

    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.

  • @thejananigans431
    @thejananigans431 2 роки тому +5

    As a graphic novel artist, I honestly find these videos extremely helpful as I try to mimic animation principles with a single pose. Thanks!

  • @bran_donk
    @bran_donk 2 роки тому

    Such an excellent series!

  • @shawnheatherly
    @shawnheatherly 3 роки тому

    Nice to have another video on the 12 principles.

  • @sajjadabouei6721
    @sajjadabouei6721 10 місяців тому

    High quality content here, Subscribed 👌

  • @BeefForLess
    @BeefForLess 2 роки тому

    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!

  • @Guydude777
    @Guydude777 2 роки тому

    Glad to see this series is still chugging along.

  • @thisninja11
    @thisninja11 2 роки тому +1

    Man I love these videos. Such a good resource.
    Greetings from a motion designer

  • @laurak722
    @laurak722 3 роки тому

    Love your videos!!

  • @MXCoriginal
    @MXCoriginal 2 роки тому

    I love these videos so much

  • @LenkaMichalkova
    @LenkaMichalkova 2 роки тому

    Great stuff!

  • @kloakovalimonada
    @kloakovalimonada 3 роки тому +5

    Great video, especially the bits about masking starts and stops of animations with physics and generally overlaps.
    I dislike current trend of ridiculously overanimated follow through, it results in the whole thing squirming and wiggling, not good for conveying body mass. Same with overdone idle animations, bouncing all over the place.

    • @pinkwings8036
      @pinkwings8036 3 роки тому

      It looks very old-fashioned, back when Betty Boop had every breath fully animated and exaggerated. But now we have an uncanny valley problem that makes even elaborate designs looks floaty and unsettling.

    • @kenmarkollano5795
      @kenmarkollano5795 2 роки тому

      Yep sometimes it's too much.

  • @BubblingBrooke
    @BubblingBrooke 3 роки тому

    A New Frame Plus episode? Just wanted I needed today ^w^

  • @MathDM329
    @MathDM329 2 роки тому

    I'm not an animator, but I enjoy watching these so I can better appreciate great animation when I see it

  • @alicelufenia3648
    @alicelufenia3648 3 роки тому

    lovely video!

  • @SEGAClownboss
    @SEGAClownboss 2 роки тому

    Hell yes, nice to see this returned, hope that we'll see the rest of the principles return.
    Can't wait to see appeal!!

  • @Roxfox
    @Roxfox 2 роки тому

    Oh rad, a rare Furi appearance! I love that game so much

  • @IsisAlv
    @IsisAlv 2 роки тому

    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

  • @bodick_
    @bodick_ 2 роки тому

    Thank you, sir for these videos ♥

  • @sonicwretch6ang
    @sonicwretch6ang 2 роки тому

    great video!