How to animate Sprite Sheets in Godot using AnimationPlayer (beginner tutorial)

[@DrewConley]

Hey friends, this one is about one of my favorite tools in Godot: the AnimationPlayer! My next game has TONS of character animations in it, and this tool has helped me stay organized and enabled some really cool results. Hope you enjoy the video. Can't wait to see the animations you make!

[@ronolds6505]

Thanks for excellent tutorial! Was wondering if it is possible to copy Godot "code" and insert it into HTML, CSS, and/or JS on my website. ??

[@NuclearDrone]

Great job explaining why the hat is useful to put as a separate node. I couldn't find any other videos explaining this core mechanic of 2D games where you need to change gear or sprite textures.

[@reactmagic2348]

Thanks for the video, it certainly helped me. However, I just want to point out that it is unnecessary to create a key for every frame of the animation. Instead, you can change the "update mode" for the track to "continuous", create a key for the last frame of the animation and the first frame of the animation, and the AnimationPlayer will automatically step through every frame of the animation while only specifying a key for the first and last frame. When "update mode" is continuous, the player automatically moves between the values of the keys. For a short animation like this one it may not matter that much, but for an animation that is 20+ frames it may save a huge amount of time. I think it should be the default for a new AnimationPlayer track, since it often saves a lot of time. Instead, the default is "discrete", which means the property value simply changes to the value specified by the key whenever that key is reached in the duration of the animation track.

[@Chillerll]

Thanks for clarifying this. This is one of my first Godot videos and I was so close to give up on the engine because this workflow would have taken way too much time to me.

[@WatsonDynamite]

this doesn't seem to work anymore

[@robertd7275]

Thank you, I'm just starting out as a hobby and this was perfect explanation of the basic animation effects for pixel sprites.

[@evmcha]

Thank you for the great vid! I have a question about sprite properties. I'm making a creature breeding kind of game like Pocket Frogs and I want to create sprites that each have three properties, 2 being colors and one for the pattern. Is there a way to somehow create a single sprite sheet and then be able to somehow edit it for individual creatures or will I need to make a new sprite sheet for each combination?

[@DrewConley]

Sounds cool! You might consider layering them? Maybe having the pattern itself be it’s own sprite. The color part may be swappable with Shaders. Best of luck!

[@evmcha]

@@DrewConley Thank you!!

[@aguynamedwyatt]

I'm definitely subscribing. I've been trying to get into godot coding but haven't found a good tutorial, and this is the first one I've found. Thank you so much, I hope you get more subscribers and that this isn't the only thing you do. I hope you work for a good game company or other and that you make enough money to sustain yourself. I'm saying this because I really hate to see small youtubers who put lots of effort into videos and don't have many subs.

[@KnoxEmDown]

Thank you for producing such a dense and useful tutorial. Real examples will always be best!

[@DrRumsmuggler]

You're good at this tutorial thing, subscribed

[@HalfAsleepSam]

I hate Animation Player, it makes my brain go eeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeeerrrrrrrr

[@MCNeko6554]

This is 10 times easier than Unity...just...wow. Thank you SO MUCH for this tutorial!

[@randompast]

Fantastic, well done, thanks for the tutorial!

[@iRaionSama]

Oh no, no beard? lol. In all seriousness let me tell you that your channel is so underrated, amazing content, easy to follow and grasp the concept you're speaking of. Just keep'em coming for us that are following and let's hope that in the near future you'll get the recognition you disearve :D

[@DrewConley]

Thanks a ton for the nice comment. I really appreciate it because these things take forever to put together :D And haha - I wasn't sure if anybody would comment on the beard! I'll let it grow out way longer next time and see how it goes.

[@cynikoSC]

+1 - stumbled on this content randomly and think it's really great - nice work

[@DrewConley]

hey, thanks so much! I really appreciate it

[@synthoelectro]

at first I was thinking 'well you could always add a beard to the char' then I realized the punchline.

[@FrancoisSchnell]

Very cool, thanks, keep it up. Subed.

[@dreamhollow]

His walking animation looks like dancing. Also great tutorial! Been looking for a reliable video on Godot animation, thank you sir!

[@isabellarozalinda6434]

I finally know how to add those animations I was searching 1 hour how to do this.you explain fast and good everything

[@izichgt6803]

Can u give me the every picture its hard to crop in phone i just have phone

[@lexolotlgod]

I have been running into issue after issue trying to make animated sprite 2d work... Think I'm throwing in the towel on that, lol.

[@amarion]

hey i have a question! this video was great but why do we create a new scene for the character? Is it for abstraction purposes or did you just do it for this one tutorial? Also, how would we use the character scene in another scene? Thanks!!

[@DrewConley]

Breaking out individual pieces, like the character here, can make large projects much easier to manage and edit. It’s your call on when to move something into its own scene. I try to keep my scenes pretty small with isolated responsibility. Look up ‘Instancing Scenes’ for using existing scenes within other scenes. Thanks for the comment!

[@amarion]

@@DrewConley thank you so much! i feel like i understand godot so much more than i already did before. youre amazing!

[@tonypatino1765]

I'm interested in game dev, i'm currentlyonly on episode 2 though

[@DrewConley]

Keep it up! I'm excited to see what you make!

[@SinrMax]

Drew I want to mention I am not sure if this is something youtube implemented or an option you have as a creator but when you mentioned the word "subscribe" the button next to your name had a little animation pretty cool!

[@hehz7829]

My sprite is moving its coordinates when the frame switches for some reason

[@archiewise6634]

Thanks i am making an RPG so this helps a lot

[@nyn2k259]

Nice video, do you have any tutorials on card build deck games with rpg elements? Thanks.

[@cheeseam48]

hey! do you know how to like animation start in scene? cuz idk how to code...

[@gopherwithagun604]

Hey. I just wanted to say that I really appreciated how clear this video was. I appreciate your use of examples and also trickling in information only when necessary rather than throwing the kitchen sink right at the start. I appreciated the clear structure.

[@Maltebyte2]

The loose hat was kinda cool also nice effect i liked it alot! Thanks for these videos!

[@silvernode]

I finally found a channel that teaches me at a pace that works for me in a format that makes sense.

[@doublepixels7420]

I think I don't get...is there another way to use the animation player

[@ahmedbahaa9418]

i don't unserstand what is hapening

[@w_hoami4130]

I can't figure out how to add the png to the project though-

[@ahmasa21]

Perfect explanation Easy to understand

[@CalGaming152]

how do I fix my sprite from moving everywhere when it plays? each key frame moves the sprite left or right btw idk if it makes a difference but there is 9 pixels between each frame

[@DrewConley]

Maybe an alignment issue within the actual sprite sheet image? If it’s a pixel by pixel jump, prob not a configuration problem on the Godot side

[@CalGaming152]

@@DrewConley thx I got to work with very minimal moving to the point where it actually looks good with the animation by moving the sprites

[@phoenixastra4429]

so convenient for multiple outfit and accy games tysm!

[@conta7619]

Thank you very much ❤❤❤❤

[@MrSmith_]

Thanks for this Drew, it was really helpful.

[@tyya3365]

how to make animation move when i click button

[@cheeseam48]

hey! do you know how to like animation start in scene? cuz idk how to code...

[@thefrenchaxolotl6854]

then you should not make a video game or learn a tutorial on how to code

[@Darkyahweh]

Where is part 2?

[@Peter-vx5yf]

There a way to make this by code?

[@AvSias]

Thanks, helped a lot. :)

[@jake_mouse]

Awesome video, thank you!

[@turbotegs2102]

So if you have multiple sprite sheets you just create multiple sprite nodes 1 for each of them right?

[@DrewConley]

Yep, that’s a good approach. It is also possible to swap out the texture of a Sprite node on the fly. This works well for frames that all use the same animation patterns, like changing character skins, but totally new frame behavior is prob best for another Sprite node.

[@turbotegs2102]

@@DrewConley oh, I had my animations separated, walk animation is 1 sprite sheet, jump animation is another and so on... should I try and stuff them all into 1 sprite node i guess?

[@halexp]

this is AWESOME! ty!!!

[@eboatwright_]

Thanks for this! :D

[@jacobp9470]

really helpful. thanks!

[@seamuskills]

What do I do if all the frames are individual images rather than a sheet?

[@DrewConley]

Can you combine them to a sprite sheet?

[@klaatubarada6200]

You can use AnimatedSprite instead of AnimationPlayer.

[@Bloom_HD]

I have the same issue. Except I have different sprite sheets for different animations. If you figured out how to deal with that please let me know :)

[@amiasakawa5353]

thank youu

[@RyanScottForReal]

Great stuff!

[@DragonKing987]

Nothing working in Godot 4 as described in this tutorial, first off where is kinetic body 2d in the node menu? It doesn't exist, the function described is not there. This tutorial video is useless for beginners when important functions are missing!

[@poulinhp]

It's usually not missing it's just called something else, you have to experiment

[@hilalstein4236]

Mf this is a 3 years old tutorial

[@poulinhp]

Did I help

[@hilalstein4236]

@@poulinhp yes you did sir, My comment was towards the guy who first commented

[@Tehgon]

ignore the snarky twat its CharacterBody2D that you were looking for (and anyone else who may come here lookin)