Animations for an Action RPG Character - Pixel Art Breakdown
ฝัง
- เผยแพร่เมื่อ 20 ต.ค. 2024
- This is an in-depth breakdown of the run, roll, and attack animation for my pixel art action RPG character. I take you through my process step by step. I hope you enjoy it!
If you are interested in taking a deeper dive into the Godot game engine you can buy my 1-bit Godot Course at this link: www.heartgamed...
6 frame animation reference sheet: imgur.com/S9dzgDD
The music in this video is by SubspaceAudio: opengameart.or...
Check out my Patreon: / uheartbeast
Follow me on Twitch for GameDev livestreams: / uheartbeast
Twitter: / uheartbeast
Facebook: / heartgamedev
Thank you all so much for your support!
Biggest challenge for making a game to me is always wishing my assets would be exactly what I see in my head, so its nice to see the expansion to asset creation
I'm a casual game programmer as a hobby. Since being furloughed from work, I've been wanting to work on my projects. Thank you for being inspiration and encouragement.
For people who only came for examples and reference. Hope it can help.
Running Animation:
Right and left - 0:26
Down - 2:49
Up - 4:24
Attacking Animation:
Right and Left - 5:18
Down - 7:19
Up - 10:00
Rolling Animation - 10:58
yo thx
Haha I've been using your older 8 frame run cycle as a base for so long!
I was having a really hard time finding videos about 8-direction walking animations, but this is exactly what I was looking for. Really nice work with this! I love the art style, the clear explanations, the details in the editing. Super helpful :)
Hey, I love your RPG tutorial, and these sprite tutorials are great to help me see how to draw good sprites likes yours. Man, you are great! Thank you for all the tutorials and help you and your viewers have provided me :)
I commented in your last video whether you were planning on doing any more pixel art videos in real-time (ie your Lets Pixel series) but I certainly appreciate the in-depth breakdown that you offer in this series. Don't think I have seen this approach before, it's awesome. Thanks again!
Thank you for the great tutorial! Would love to see a future videos on inventory/menu/user interface in Godot! Thanks!
Yes, this. :)
I thought I was shit at pixel art, but watching your breakdown videos shows me that a lot of it is technique, rather than talent and practice. This really gives me confidence, and I'm grateful for it!
perfect description of the animation process, this was faaantastic
Now I've seen alot of pixel art tutorials but yours by far is the best explained. Thank you alot!
Thank you so much for this! :D I've been watching you for a few years now, and I still learn new things every video!!
THANKS BRO YOU ARE MY HEART
You don't know how much this has helped me. Thanks a lot!
Amazing . hope u keep doing those kind of videos , we really need clear tutorials on pixel art like this . keep going bro . u r helping me to achieve one of my dreams which is being game creator . but there is a thing that is holding me back and its designing.
6 frame animation reference sheet imgur link is down currently
and time to start your pixel art course!
Thank you for this Tutorial! This is what i was looking for!
This is very useful thank you for this awesome video.
this breckdown really help me to make walk animation for my character ! thank you !
this is exactly what i needed thank you so much
I'm learning so much from you, thanks for all the tutorials man
This is amazing i just got my new pc and decided i wanna learn how to code a game and i saw your tutorial. It looks pretty fun but I decided I wanted to make my own assets in case i want to progress the game in the future and these tutorials have been amazing. The assets aren't perfect but until i finish the tutorial and figure what i want to further add onto the game these sprites are working great.
After 4 days of work, i finaly finish .
thanks you for your hard work
That was a great introduction to Godot, after i do your other project Godot, only i would have the basics.
And it seems to me a good challenge to make the game from Game Maker, but on Godot, after i will see... probably learn how the pixel art.
I have no idea how i would animate if i didn't have this guide. Super helpful
best tutorial out there!
I am making a game but character design and animation I always spend hours working on the just delete them because the not good but this video makes it so much easier to animate thank you
Great job, Ben!
I noticed that Chrono Trigger and a bunch of other late SNES-era RPGs do not return to the idle frame of its running character until the character is immobile again. Instead they insert 2 intermediary frames (one for each leg) where you would put an idle frame. I think it makes sense because never put back both feets on the ground when running in real life.
THANK YOU!
Helping me make my game character
I noticed when your character is facing west, he swings his sword “backwards” as in he swings it as if he’s left-handed. In all other directions, they’re right-handed.
true, that just comes with taking the right attack animation and just flipping it to get the left attack
Nice tutorial bro.
This is great 👍🏼
Hey Heartbeast, love the videos.
Any chance you could update the sprite reference sheet in the description? The link is broken
It was very helpful!! many thx
Interesting you went the 6 frame route. I usually start from 4 then go to 8 since in my head I can imagine the movement in equal lengths of 2. How does the 6 compare to an 8 frame? Is it just smoothness?
I think 8 frames allows for more expression in how the character runs. With 6 you are pretty limited to the key frames, but it does make it easier if you have to animate in many different directions.
thanks man
best tutorial on animation.
I LOVE YOU
I'm wondering, with the attack animation, is it possible to create the body making the motions, but adding the sword in the same method that Arkeve uses.
That way, it would be easier to add multiple types of weaponry to be used.
What software do you use to make the sprites?
In an older video I saw you used graphics gale. Do you still use it?
Thanks for the awesome tutorials btw
I use Aseprite now but GraphicsGale is a great free alternative.
Would it be okay for me to copy a few of these sprites for my own game?
its not a massive thing, just a little project rpg i wanted to do for some expeience
wow this is insanely helpful!!! what was your canvas size for this character sheet?
This was so helpful I got the subscribe button so hard my phone broke👌👍
How to sync speed/scale run animation while accerlation and friction? Code example?
Can you link all reference sheets?
Just curious what pixel editor you used for the artwork of Mr. Fox?
Aseprite
@@uheartbeast ah, I didn't know that, well that's good, since I bought it lately. Thanks!
@@synthoelectro you're welcome! It's great software.
@@uheartbeast It's sticky but I'll figure it out.
i probably would've NEVER been able to pull off the rolling animation without this
great tutorial, but what fps does the animation use?
also this video was made on my birthday lol
Awesome! Could you provide the reference sheet for the vertical movement as well?
Can you do more animation guides for things like 2d platformers
Hello , great video btw how can i make a character move and attack at the same time? Do i need to make a separate leg,torso sprite?
Is it possible to get a basic template of how each frame should be far apart from each other?
Hey HeartBeast! I was wondering how you actually create the animation and import it into Godot because i cant figure it out.
Easy way: Create an "animated sprite", its a node with wich you can create animation, that you can call from your code, juste name one and put your images one by one or using a spritesheet.
For the advanced way: Use an "animation player", it allow you to animate the properties of a node easily so you could be managing the collision for the attack in it, or even signals for exemple.
Just a quick question, does anyone know the panel size of the sprite? From the look of it, I'm guessing it's 46x46, but please correct me if it is necessary. ^^ THANKS A BUNCH
Ben - When you go over the first animation for running right, the last frame you said should be hitting the ground, but that sixth frame of animation you are showing (and the sprite that is part of the game) is not making contact with the ground on the sixth frame of the running right animation. Could you please clarify, should the sixth frame of the running right animation (at 2:00 in the video) be making contact with the ground?
It's making contact with the ground, since the left leg of the character is at the back, the ground level is one pixel upper than the one at the front (right leg). That's done to make the sensation of perspective on the character. You can see that easily on the idle frame.
thks again for the nice vids.. i love ya
Está todo perfecto.
Isnt the fifth frame in roll down just the idle frame?
It's slightly different, it leans back a bit more and is scrunched up a bit more.
how can I know the distance from sprite by sprite?
do you have any plans to make more gms2 content? or are you fully devoted to godot for the time being.
I think I'll be doing more when 2.3 leaves closed beta. It depends on how much I like it.
How long did it take you to draw these?
What does HeartBeast Use for Making the pixel art?
I use Aseprite.
what is the app you use to animate
to draw not of animate
@@dinophone9999 I think he uses Aseprite
Just me or is trying to make "walk" much harder then making a "run"?
Can u make tutorial on how to make cutscenes and boss battles?
If you know how to make an enemy then a boss can be made with logic:
You want a boss with patterns and such, selected randomly so the player has to react and think fast ? -Create an array with your pattern names
-Create a timer that will increase the probability of the boss making an attack each time it finish (make a variable increasing each time and generate a number, test if its less or equal to that variable).
-select one pattern of your array when the boss attack.
-If you want certain attacks to be more frequently used, tweak with variables handling the pattern probability.
-Then just make functions for each patterns (there's a way to call functions from its name i think its call(str function name) but im not sure)
-Maybe the boss could enrage at some point, if so, juste check for his health point after each attacks and add your new pattern or look up for something called "state machine" on internet wich will allow you to divide your boss in differents states, using this method the boss could even be breakdown to states like idle, dashing, and wathever attacks you have for it ! But its a bit advanced topic.
As for cutscenes i assume you could us an animation player containing all cutscenes of the scene, or you could come up with a new way to animate characters through code using a special state in state machine. But i never made cutscenes so i dont know if that would be efficient.
hope it helped a little bit, but yeah, for boss, just think, as differents games means differents needs and differents ways to fix problems (but keep state machine in mind for later, its impossible for me to imagine making a game without this, it is so much usefull, and make your code cleaner)
First haHA! Now I'll watch the video.
After watching: Learned some, thank you. Also, really liking the fox character 👍🏻
I'll just redraw your frames with different characters xD
😂
hehe indonesia hadir
Сatch the 1000 like))