TIMING - The 12 Principles of Animation in Games

Поділитися
Вставка
  • Опубліковано 17 чер 2024
  • Let's talk about the 12 Principles of Animation and how they apply to games! What role does Timing play in Shadow of the Colossus, Street Fighter and Dark Souls?
    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
    -Barry Kramer
    -Eric Luhta
    ------- ▼MUSIC▼-------
    ♪ "Wii Shop Title Screen Beat" by Bknapp
    bknapp.bandcamp.com/track/wii...
    ♪ "Mountain's Wind" by Paul Hadame
    • OC ReMix #3070: Donkey...
    ♪ "Rainy Day at the Cafe" by Dj CUTMAN
    music.djcutman.com/track/rain...
    ♪ "Encounter with Marie" by Dj CUTMAN
    music.gamechops.com/track/enc...
    ♪ "Mark of the Beats" by bLiNd
    materiacollective.bandcamp.co...
    ♪ "Hot Tea & Firmware Updates" by Dj CUTMAN
    music.djcutman.com/track/hot-...
    ♪ "Inkoming" by CG5 & GameChops
    • Splatoon 2 ▸ Inkoming ...
    ------- ▼CHAPTERS▼-------
    0:00 - Introduction
    0:20 - The 12 Principles of Animation
    0:54 - Timing
    1:57 - Uses for Timing
    2:59 - Measuring Time with Frames
    4:16 - Spacing
    5:32 - Timing in Games
    9:08 - Wrapping Up
    #NewFramePlus #animation #12Principles
  • Ігри

КОМЕНТАРІ • 313

  • @TheApoke
    @TheApoke 5 років тому +1377

    Important tip one of my animation instructors told me: big heavy things CAN move quickly, they just can't CHANGE DIRECTION quickly.

    • @a_creatorsstuff17
      @a_creatorsstuff17 5 років тому +18

      Wrong, you do have to give more easing on tge moviments, just look at xenoblade chronicles' faced mechon, more specificly, metal face, he is fast, changes direction quicly, and all, but his size is given by the easing

    • @user-bf5sc8pn8x
      @user-bf5sc8pn8x 5 років тому +91

      Unless they have enough force to change direction quickly*

    • @Erksah68
      @Erksah68 5 років тому +17

      @@user-bf5sc8pn8x or they're jumping and then falling. That is indeed very fast

    • @zyaicob
      @zyaicob 5 років тому +71

      It's a bit more complicated than that. This is good advice for a beginner, but physicality is so important to animation that you really should just learn some physics

    • @Cyberian_Khatru
      @Cyberian_Khatru 5 років тому +76

      That's true, albeit worded poorly. Anything can move quickly, but stuff with bigger mass has less acceleration (if the force stays the same). Since a change in direction is a form of acceleration (centripetal), this is just a byproduct of the more general rule stated earlier.

  • @JoCat
    @JoCat 5 років тому +642

    "even the small characters dont dart around"
    except for the collectible lizards because they're actually evil

    • @tenacityxl
      @tenacityxl 5 років тому +19

      Those scaly little bastards...

    • @bagelboi4321
      @bagelboi4321 4 роки тому

      I've caught about 5 total. I just can't smack them in time.

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

      Hey! JoCat 👍

  • @Nejvyn
    @Nejvyn 5 років тому +368

    I've seen EVERY other iteration of this video, I know everything that's in there - and yet it didn't feel like 9.5 minutes at all.
    Your teaching style is so damn good

  • @FearlessSon
    @FearlessSon 5 років тому +348

    How many times have I heard Dan give this lesson?
    Doesn't matter, I could (and have!) listen to him teach for hours.

    • @Burning_Dwarf
      @Burning_Dwarf 5 років тому +6

      I feel the same way about this

    • @theophrastusbombastus8019
      @theophrastusbombastus8019 5 років тому +15

      Year is 2022, NFP releases the 15th edition on the first principle of animation.
      This re release came out as Dan thought that the 14th version where he instructed viewers on how to smell time and provided a full sensory experience was not up to standard with the channel.
      In this new edition Dan teaches how to manipulate time at will to create the perfect animations, after the video one should be able to warp to past and future alike or to change the relative speed of time in one surroundings while being partially safe from paradoxes.

    • @timothymclean
      @timothymclean 5 років тому +10

      We're never going to get to the last few principles if Dan keeps insisting on updating these videos whenever he thinks the old ones aren't good enough. :P

    • @ICountFrom0
      @ICountFrom0 5 років тому +4

      I have hope that he will get through all 12 this time, without something going horribly wrong this time.

  • @BlueMonkey
    @BlueMonkey 5 років тому +52

    I'm so glad this is a stand-alone channel now. Incredible work as per usual!!

  • @benjoe1993
    @benjoe1993 5 років тому +69

    Are we finishing the 12 principles this time?
    I got my bet on "possibly?", you know...third time's the charm.

  • @goldenyellowapple
    @goldenyellowapple 5 років тому +167

    I haven’t watched the whole video yet so I don’t know if you addressed this,
    But please dear god make this a full series of going in depth into each of the 11 other principles
    I know I and thousands of others would adore that.

    • @NewFramePlus
      @NewFramePlus  5 років тому +112

      It's happening! They won't come out back to back, but I have a full series on all 12 planned.

    • @cedricwublin9306
      @cedricwublin9306 5 років тому +6

      @@NewFramePlus ❤️❤️❤️

    • @GameOver-ou1ge
      @GameOver-ou1ge 5 років тому +3

      @@NewFramePlus thank you

    • @NarfiRef
      @NarfiRef 5 років тому +4

      I’m calling it now. The Squash and Stretch episode will feature Kingdom Hearts 2 or 3.

    • @timothymclean
      @timothymclean 5 років тому +1

      ​@@NewFramePlus ...again.
      Here's hoping Dan makes it through all twelve episodes before deciding his first few episodes aren't good enough.

  • @yousof77
    @yousof77 5 років тому +71

    This channel is absolutely incredible. I haven't seen anyone doing anything this well thought out, and formulated in such a simple yet nuanced way on animation yet.

  • @casizle377
    @casizle377 5 років тому +7

    Dude the fact that you took the time and committed the effort to record yourself performing an action to convey different aspects of the lesson.... that means a lot and is a bigger (and more respectable) deal than some may realize. You went the extra step to contribute to your video. That means a lot man. I'm in a position in creating indy games pretty much by myself and know that a lot of things have to be self created to be different and creative. You're great

  • @a_creatorsstuff17
    @a_creatorsstuff17 5 років тому +29

    Timing and spacing: *are the most important principles of game animation.
    Netherrealms studios:
    "We dont do that here"

    • @charcharmunr
      @charcharmunr 5 років тому +2

      GENERALLY better animation in MK11, but even so, NRS games have jank as hell gameplay animation.

  • @VideoGameAnimationStudy
    @VideoGameAnimationStudy 5 років тому +21

    Lovely stuff Dan. Funnily I just released an episode on Alucard's running animation where the timing is pretty averagely paced which kinda makes it feel fairly unremarkable, at least at first anyway.

    • @greengruntdude
      @greengruntdude 5 років тому

      Video Game Animation Study tfw you guys have the same name.
      I thought both channels were run by the same person xD
      edit:
      Even the channel logo is similar

  • @Kalernor
    @Kalernor 5 років тому +3

    One bonus I didn't expect to get with this new channel but I am now very delighted with, seeing real life Dan more (when he acts out an action)

    • @cedricwublin9306
      @cedricwublin9306 5 років тому

      Yeah, I liked that he gave us him doing reference. I wonder if it's from a project or specifically for this video/series.

    • @cedricwublin9306
      @cedricwublin9306 5 років тому +1

      Would be cool to see the translation of reference into animation as part of a behind the scenes style video.

  • @fernandoquant
    @fernandoquant 5 років тому +13

    I love how even though I am not an animator nor plan to be, because of the way Dan makes these videos and explains things I get excited whenever I see there's a new video

  • @past874
    @past874 5 років тому +10

    The 12 principles? They'll be interesting to see done on this channel. Can't wait to see the others.

  • @KarlClarkeMusic
    @KarlClarkeMusic 5 років тому +13

    Please do continue to do these episodes, your teaching style is great. Been on the fence about learning animation and would love to learn.

  • @Emuraman
    @Emuraman 5 років тому

    Awesome vid there Dan, love the various examples you gave on this, looking forward to the next ones

  • @hayleymd5315
    @hayleymd5315 5 років тому +5

    I’m so glad you’re starting this series again! I got really sad when it felt like you weren’t gonna continue it after leaving EC, but this is so much snappier and really expresses your style! I’m excited for the rest of this reboot!!

  • @princessthyemis
    @princessthyemis 4 роки тому +1

    Man, this was SUUUUPER fascinating! I really hope you make more!! I'd love to see more!

  • @Brawph
    @Brawph 5 років тому

    So glad to see this series is getting picked back up again! Can't wait for more remastered videos!

  • @NSilverwolf
    @NSilverwolf 5 років тому

    A great update on the timing video you did long ago! Love the new graphical examples as well...they're really helping to illustrate some pretty ephemeral concepts so you can be on the look out for them in other work.

  • @pinxelated2799
    @pinxelated2799 5 років тому

    Loved this video! I showed this video to my animation teacher, since we're covering game animation in class. It explains things really well!

  • @jonahthebear
    @jonahthebear 5 років тому +1

    This video is amazing as always. I love the point you made about SotC and how timing affects the entire mood and feeling of the game. Insight like that and a constant flow of helpful information is why I watch this channel.

  • @TheAlphaTeamPlays
    @TheAlphaTeamPlays 5 років тому

    The quality of these videos makes the fact that they don’t come out for months all worth it

  • @StepBaum
    @StepBaum 4 роки тому

    Very much looking forward to the series. You're way of explaining stuff is very appealing :)

  • @Gilbot9000
    @Gilbot9000 5 років тому +2

    I love how you acted out the standing motion to describe how fast and slow actions describe mood and character. What a fantastic video!

  • @rachaelward6552
    @rachaelward6552 5 років тому

    Loved that you revisited this topic and expanded upon it. I originally followed extra frames but I'm so glad you started your own channel. Consider me an immediate subscriber.

  • @Ninjinhah
    @Ninjinhah 5 років тому

    YES!
    Thank you for bringing this series back, Dan!

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

    This series is one of the best things ever!!!
    Thank you

  • @rubberband22
    @rubberband22 4 роки тому

    Great video. It's so important in fighting games. I remember reading an article way back that went through the 12 principles using Darkstalker animations for examples. Made me appreciate the details that went into that game a little more.

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

    This video series is sooo useful for beginners. We just started watching it in my class after our animation professor introduced it to us. Thanks for making them!

  • @cannonfodder4000
    @cannonfodder4000 5 років тому

    Great idea for a video series! cant wait for the other installments

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

    It was a lot harder to find your channel after EC than i realized. Great content!

  • @readyplayerjuan
    @readyplayerjuan 5 років тому +2

    excellent video, loved it. well explained and you can see there's soul put into it.

  • @Atle502
    @Atle502 5 років тому

    This is really good! Short and sweet! I think you nailed the.... timing of the video :D
    This really made me want to get back into some game animation!

  • @DennerBob
    @DennerBob 5 років тому

    The addition of your self-shot reference is major improvement to the feel of the video. I love when making of features include reference.

  • @illjan
    @illjan 5 років тому +7

    Have you played infamous and what do you have to say about its animations while running and jumping and climbing through the city?
    I personally find it very appealing and like how fluid the animations are. It also always feels very responsive. But there is something that I have noticed recently, while playing: The normal character model and animations are incredibly basic and don't really come forth, it never REALLY is the thing that graps your attention, but when you use your abilities while going through the city, it graps almost all of your attention.
    When I realized that and thought about it, I really was surprised how such a subtle detail can make the concentration of the player be precisely controlled. Amazing.

  • @ebunny1652
    @ebunny1652 5 років тому

    I'm glad you're getting back to this series, as I was a bit disappointed that the series wasn't finished on Extra Credits back in the day.

  • @UngodlyDev
    @UngodlyDev 5 років тому

    Dan!! I've been waiting for your explanation of the 12 principals of animation since you tried it twice on EC, thank God you've finally gotten the time and platform to work on this!!!!!

  • @k1ngk4gl3
    @k1ngk4gl3 5 років тому +3

    I have watched every single video you've uploaded. This one was in my feed.
    Yet I just realised I wasn't subbed until now.

  • @FelipeF78
    @FelipeF78 4 роки тому

    I appreciate that the used songs in the video are all listed in the description. It would've driven me mad trying to correctly identify the song at 8:10 as a remix from DKC3.

  • @OjeOjeaga
    @OjeOjeaga 5 років тому +2

    I swear if this were a class, I'd attend it.
    Excellent video as always, man.

  • @rollingsheep6960
    @rollingsheep6960 5 років тому +2

    Ok. Just. Why i wasn't already subscribed to this awesome channel ? Seriously i'm going to watch absolutely all your vid tonight, thanks

    • @JochemKuijpers
      @JochemKuijpers 5 років тому

      Also check out PlayFrame if you haven't yet. It's their lovely niche gameplay channel (:

  • @alisoltani5636
    @alisoltani5636 5 років тому

    Awesome work. Very informative. Pls make more sooner.

  • @bwminich
    @bwminich 5 років тому +2

    I keep hearing Splatoon music remixes in your background music, Dan, and I love it.
    Tide Goes Out is such a good song.

    • @bwminich
      @bwminich 5 років тому +1

      And another Splatoon remix to close things out! :D

    • @NewFramePlus
      @NewFramePlus  5 років тому +1

      It's all so good, how can I NOT :D

  • @DStrormer
    @DStrormer 5 років тому

    As someone with zero animation experience, I adore these episodes. The insight into why things move as they do makes me appreciate certain games (and videos) so much more. Thank you.

  • @Stiljoz
    @Stiljoz 5 років тому

    Even watching you talk about something I already have a complete and thorough understanding of is somehow just so engaging

  • @Felgrand101
    @Felgrand101 5 років тому

    What a beautiful video. Even though I have nothing to do with animating and such, it is such an interesting topic to learn about. It's just very fascinating to learn more about a hobby. I hope to see many more of these videos. They are some of my favourites.

  • @kingpen
    @kingpen 5 років тому

    I'm currently animating for school, listening to this motivates me so much~! Thanks for making this~!

  • @SilverArrow23
    @SilverArrow23 5 років тому

    Loving this reboot. You are getting better and more concise in explaining these concepts, but for when you get to new principles that you have not explained yet, maybe please make the videos a bit longer so we might understand the concept a bit more thoroughly(12-15 mins instead of 10 - a couple more minutes can go a long way). Other than that I absolutely love these videos, please keep making more! You are amazing!

  • @TailedCarpet
    @TailedCarpet 5 років тому +1

    Nice editing, Dan

  • @MohamedOmrano
    @MohamedOmrano 4 роки тому

    Excellent work sir, thanks a lot.

  • @KarolaTea
    @KarolaTea 5 років тому

    Thank you for explaining these so well :D
    I recently tried to do a super short animated clip (hand drawn) as a fun little project, and your videos certainly helped, and partially inspired me to try it in the first place :)

  • @enclavesoldier8893
    @enclavesoldier8893 5 років тому +2

    Glad I found you Dan, once you left Extra Credits I thought you left YT for good. Happy I found you, the EC team told me about your channel. Keep up the good work, I love your content.

  • @TheFartsandCrapsShow
    @TheFartsandCrapsShow 5 років тому

    Liked and subbed! This was so beautiful, dude.

  • @laliicek7220
    @laliicek7220 5 років тому

    Great video, i really hope we can see the other 11, for those , like me , starting to animate its very helpfull. Ty.

  • @shawnheatherly
    @shawnheatherly 5 років тому

    Another wonderful video. The speed of an animation goes a long way into how your game feels.

  • @intertenera
    @intertenera 5 років тому

    excellent video as always.
    I would also like to add that darn I forgot papa so buff.

  • @TheRealProfwalrus
    @TheRealProfwalrus 5 років тому +2

    Just shamelessly rewatching this video, even though i have no ambition to be an animator. Just because Dan has a better teaching mechanism than most teachers

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

    as someone who is currently studying animation and would like to pursue game animation in the future, this is increadibly helpful

  • @bocatadeclavos1274
    @bocatadeclavos1274 5 років тому +9

    you just keep teasing us with these series :(

  • @alexavaneysan2935
    @alexavaneysan2935 4 роки тому

    I love the Persona 5 music in the background! Btw, great video!

  • @BackfallGenius
    @BackfallGenius 5 років тому

    Excellent video!! Would love to see a deeper take on game-specific mechanics like how animation canceling (especially for things like reloading in a competitive FPS game) adds an extra layer of strategy or how abusing i-frames in Souls games is almost a necessity for some of the boss fights.

  • @awsomesauseist
    @awsomesauseist 5 років тому

    this video was really good dude i didn't even realize 9 minutes had passed

  • @xristosefthymiadis6138
    @xristosefthymiadis6138 5 років тому

    Excellent work...

  • @jacksonelh
    @jacksonelh 5 років тому

    Theres a serious lack of animation analysis videos on UA-cam. I dig this one

  • @darmandez
    @darmandez 5 років тому

    Your taste in soundtrack is amazing!

  • @dart_sous
    @dart_sous 4 роки тому

    Thanks for Russian subtitles - really helpful for learning. I can't give money on Patreon, but i can say THANKS for you tutorial. Really, it amazing. Great Job on each videos.

  • @PPedroFernandes
    @PPedroFernandes 5 років тому +1

    Please do all of the principles! That would be so cool :D

  • @MrPomegranX
    @MrPomegranX 5 років тому +2

    I can learn animation from you for HOURS!

  • @jamesniosi7239
    @jamesniosi7239 5 років тому

    Very excited for the next 11

  • @madvoador1
    @madvoador1 5 років тому

    Amazing work

  • @ChrisOfTheDead
    @ChrisOfTheDead 5 років тому

    Keyframes and the Maya graph editor are my best friends.

  • @youtoobay
    @youtoobay 5 років тому

    When i saw the title i thought it meant we would finally get an idea of when the 12 principle videos were going to come out.

  • @acemack2
    @acemack2 5 років тому

    I am not sure if you will see this Dan. But I wanted to let you know that I check my subscription feed very often and I did NOT see this get uploaded. Thanks for the great video!

  • @lillowh6126
    @lillowh6126 5 років тому

    OMG YOURE DOING THE OTHERS TOO 😱😱😱😄😄😄😄 :D. this makes me soo excited I can’t explain !!

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

    This is my favorite youtube series

  • @wondertv1356
    @wondertv1356 4 роки тому

    Super cool video!

  • @miguelangelus959
    @miguelangelus959 5 років тому +1

    8:40 shadow fight 2 also teaches that. It's the only fighting game I like, and just now I realised why

    • @RacingSnails64
      @RacingSnails64 4 роки тому

      Miguel Angelus
      oh wow. shadow fight looks neat as hell!

  • @fosterchair
    @fosterchair 5 років тому

    Amazing job as always Dan. As someone who has no interest in becoming an animator this is still fascinating to learn

  • @Sketchy_Dood
    @Sketchy_Dood 5 років тому

    Now I can’t wait to see the other 11 principals videos

    • @neverhelios
      @neverhelios 5 років тому

      Can it be 10? Spacing isn't developed so idk

    • @Sketchy_Dood
      @Sketchy_Dood 5 років тому

      HeliOS spacing and timing are taught as one as he said so it wouldn’t count as 2

  • @caphine244
    @caphine244 5 років тому

    1:57
    Bro you can't just hit me with dj cutman out of nowhere! XX

  • @Blazah99
    @Blazah99 5 років тому +1

    cool episode dude.

  • @cin2110
    @cin2110 5 років тому +1

    Oh dan I’m so glad I found you again you know

  • @-ism8153
    @-ism8153 5 років тому

    I saw Alan Becker's video on the 12 Principles of Animation, and I'm really excited to see your take on it!

  • @morbid1.
    @morbid1. 5 років тому

    There is a ton material about basics of animation... I wish people with experience like you made videos for advanced animators.

  • @Not_Aaron_
    @Not_Aaron_ 5 років тому +56

    The 12 Principles of animation in my opinion should be learned so well that you remember them from your mind

    • @marnsdnfois7006
      @marnsdnfois7006 5 років тому +30

      That's generally the goal of learning things lol

    • @VideoGameAnimationStudy
      @VideoGameAnimationStudy 5 років тому +2

      @Zinogg
      I think gaming itself should have it's own principles like Flow, Silhouette etc.

    • @Not_Aaron_
      @Not_Aaron_ 5 років тому +1

      @Zinogg yes I know that there is sooo much more to learn than just the 12 of them but I still think that there super important.

  • @exquisitecorpse4917
    @exquisitecorpse4917 5 років тому

    Would love to see you break down the animations of Third Strike. Every time I see that game, it blows me away with how beautiful it is and yet how economically they re-use animation to make it look like there's more variety than there really is.

  • @johnnyD_166
    @johnnyD_166 5 років тому

    LOL dude "Beneath the Mask" is my phone's ringtone, so when it started playing in the background @1:57 from silence, I jumped to attention

  • @mr.fluffyface431
    @mr.fluffyface431 5 років тому

    Have I slipped back in time? I could have sworn you had already done this as well as the Squash and stretch one.

  • @matheusguilherme3589
    @matheusguilherme3589 5 років тому

    great video!

  • @Felipe-hl6nh
    @Felipe-hl6nh 5 років тому +2

    I've been waiting for this reboot
    Also when that DS3 enemy did a thrust attack my first instinct was to dodge into it for Mikiri

    • @timothymclean
      @timothymclean 5 років тому

      So what you're telling me is, play Sekiro _after_ Souls but tell my favorite UA-camrs to do it the other way around.

    • @Felipe-hl6nh
      @Felipe-hl6nh 5 років тому

      That's evil
      Do it
      Also make them play the original dark souls 1 last so they descend into less and less playable games

  • @nividixen6860
    @nividixen6860 5 років тому

    Man, this channel is underrated

  • @Foreignerlin91
    @Foreignerlin91 5 років тому

    I notice the SOTC and I see that you’re a man of culture

  • @IBH94
    @IBH94 5 років тому

    Hey Dan.
    I would really like to see an episode about animating multiple characters controlled by one player.
    Now there's a great example with the new trailer of Astral Chain.

  • @roopehavu
    @roopehavu 5 років тому

    Loved the video and the Persona 5 background music

  • @endermage77
    @endermage77 4 роки тому

    Well. It took you a couple years, but *you did it Dan!*

  • @lksas2295
    @lksas2295 4 роки тому

    Can we get all the other principles like that? i really enjoyed your explanation

  • @gophermanX
    @gophermanX 5 років тому

    Hey Dan, do you think you could take a look at Absolver for a video? It's kind of a fighting game but they do some really cool stuff with building your own combos and strings out of individual moves and the way they animate them linking together is really well done.

  • @Dachusttin
    @Dachusttin 5 років тому

    Yes, I will love this serie.

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

    I can hear a variation of the Slow Tides song from Splatoon 2 in the back... where'd you get that? Sounds boppin'