Idle, Run and Jump Animations - Platformer Unity 2D

Sdílet
Vložit
  • čas přidán 27. 07. 2024
  • *FREE animation package on my Patreon!*
    Hi! This video shows an easy way to animate your 2D platformer character. We'll animate their Idle, Running and Jumping animations! We'll use a blend tree to keep the controller super clean.
    We'll also be using blend trees to create the cleanest animator controller for your project.
    I start off with the project we made in our 2D Platformer Movement video:
    • Platformer Player Move...
    I used this asset by ZeggyGames for our sprite animation base:
    zegley.itch.io/2d-platformerm...
    All source code for all videos I have made and will make in the future can be found on my Patreon (the script for the player movement is on there for free!):
    / 2d-platformer-83575703
    I'll be posting new videos every Friday, so be sure to subscribe to see what kind of adventure we can go on together! I'm excited! :-)
    If you have any suggestions, feedback or questions, be sure to comment below! Any opinions will help me out on this journey ♡
    0:00 - Intro
    0:18 - Sprite Assets and Cat
    0:35 - Aseprite Exporting
    0:52 - Unity Sprite Setup
    1:43 - Animation Windows
    1:57 - Create Idle Animation
    2:47 - Create Walk Animation
    3:39 - Create Jump + Fall Animations
    4:00 - Animator Blend Tree Setup (Idle + Walking)
    5:09 - Animator Blend Tree Setup (Jump + Fall)
    6:03 - Animator Transitions
    6:40 - Ground Check Collider
    7:13 - Editing Player Movement Script
    9:32 - Outro + Working Animator

Komentáře • 92

  • @GameCodeLibrary
    @GameCodeLibrary  Před rokem +3

    FREE SCRIPT AND PACKAGE for all sprites, scripts, controller and player movement on my Patreon!
    www.patreon.com/GameCodeLibrary

    • @odracir3300
      @odracir3300 Před 9 dny

      there's is a major headache when creating animations, and it boils my brains because no one, absolutely no one explains: that when you create the animation, you cannot click away or the editor gets ultra mega super locked.... it took me an hour to "fix", i couldn't drag pics into it, i couldn't click the dropdown for clips, i couldn't play/pause... somehow i discover (again after one wasted hour) that i needed, first that the object present in the scene (the player in this case) had the components anim_controller and animation. And second to click in the hierarchy the object to see the animation window clickable. Is it a rookie mistake ? maybe, but normally is rookie mistakes what discourage game devs.... I hope if someone goes trough this Main comment's reply, they find the answer...
      For everything else your video was really helpful in creating my animations after that issue, thanks keep it up ! 😎💪

  • @zenden1706
    @zenden1706 Před 9 měsíci +8

    SUBBED
    Thank you so much for your work!! And also your Harry Potter accent and voice makes it even better! Also, adorable sprites, and loved the Mother 3 menu arrenged theme at the end! I NEED MORE

    • @GameCodeLibrary
      @GameCodeLibrary  Před 9 měsíci +4

      Hehe thank you!! You’re the first person to notice the mother 3 music 😈 it’s mother 3 for the intro song too, but the intro is pretty quiet! I’ll keep working hard for you 🫡

  • @Th3M729
    @Th3M729 Před 7 měsíci +1

    That clarity stuttering was crazy!!! Good video

    • @GameCodeLibrary
      @GameCodeLibrary  Před 7 měsíci

      Thank you :-) So satisfying to see it get fixed right!

  • @monkelios
    @monkelios Před 4 měsíci +1

    thanks a LOT you really helped! idk how you only have 1k subs honestly

  • @jazioxmugen
    @jazioxmugen Před 8 měsíci

    Congratulations on 1,000 subscribers! It's cool to see a modern Unity tutorial!

    • @GameCodeLibrary
      @GameCodeLibrary  Před 8 měsíci

      Thank you!!! I didn’t imagine even getting 100 subs, but I’m glad so many people can enjoy and find help from my vids :-)
      I’ll keep working on cleaner and better Unity tutorials for as long as I can! I want everyone to feel like that can make whatever they want 🙏 thanks for the support!

  • @superiormirage321
    @superiormirage321 Před 8 měsíci

    Thank you for the video! Cant wait for more.

    • @GameCodeLibrary
      @GameCodeLibrary  Před 8 měsíci +1

      You’re welcome I’m glad you enjoyed it!! I try to post one every week, haven’t missed one yet 🫡🙌

  • @Themediocredude
    @Themediocredude Před 5 měsíci

    My movement code was different so i had to make a new “void” where it checks if the numbers are negatives or positives and it flips them using the sprite renderer. Also your voice is so calming and great tutorial, helped me a lot.

    • @GameCodeLibrary
      @GameCodeLibrary  Před 5 měsíci +1

      Thank you! Glad you got it to work for you too!! 🙏

  • @ines4728
    @ines4728 Před rokem

    love your videos!!!

  • @Zegley19
    @Zegley19 Před 10 měsíci +1

    Hey - looks good! Cool use of the asset pack

    • @GameCodeLibrary
      @GameCodeLibrary  Před 10 měsíci

      Thank you!! Your assets are all so cool - I had to use one in a vid! :-)) Thank you for your cool assets!

    • @John-dz8js
      @John-dz8js Před 11 dny

      I've used this same asset. I'm still somewhat new, I was using it for tinkering around and figuring out character movement. @zegley thanks for the cool assets. @GameCodeLibrary but I never even considered painting over them, that is clever. Thanks for the video.

  • @bluzenkk
    @bluzenkk Před rokem

    [wears helmet] i'm very thankful for any YTubers dev creating contents like this.
    not complain, just suggeting:
    If this vid was relese 10 years ago, I bet it will catch alot of views. but nowdays YT has alot of these Unity beginner series. so I would suggest either make intermediate level tutorials or publish videos daily so your channel won't be at the bottom of the CZcams algorithm list. Otherwise, you wont get much satisfaction result. Content creators should understand that viewers will only subscribe when they find the information very useful and unique to them.
    also, its worth methioning that if you are doing pixel art animation, you might want to introduce the unity semi-official aseprite pack that will auto make the animator and clips for you using the tags in aseprite.

    • @GameCodeLibrary
      @GameCodeLibrary  Před rokem +3

      Yes I plan on doing more advanced and unique stuff! For my own sake of learning how to edit vids and having a library of easier content to reference viewers back to, I started with beginner stuff.
      I’m a full time senior dev when I’m not making CZcams vids, so I won’t be able to do one a day! 😝
      I appreciate your views and suggestions!! I’m in no rush to get lots of views, I’m enjoying creating lil vids for now 😇
      I have a list of almost 100 video plans though!! So hopefully some of those are more interesting for everyone!

  • @Force5_Eye_Dev
    @Force5_Eye_Dev Před 7 měsíci

    Excellent video.

  • @Elaoz
    @Elaoz Před 24 dny

    beautiful job

  • @jawavoncherie
    @jawavoncherie Před 8 měsíci

    Thank you

  • @EpicHashTime
    @EpicHashTime Před rokem

    Excellent tutorial

  • @kadamnable
    @kadamnable Před rokem +1

    cute sprite great video!!

    • @GameCodeLibrary
      @GameCodeLibrary  Před rokem +1

      Thank you!!! I’m thinking of making a mini cat burglar game inspired by the sprite I think that’d be fun!

  • @kozmobotgames
    @kozmobotgames Před 6 měsíci

    Amazing tutorial! I have already made two games that are available on the Play Store 😀

  • @parthchavan5542
    @parthchavan5542 Před 5 měsíci

    Thx so much :)

  • @gnomewarlord7128
    @gnomewarlord7128 Před 29 dny

    You're my favourite amongst the british "people"

  • @pixlerin
    @pixlerin Před rokem +1

    Good job, great video! Will you do 2d top-down tutorials in the future?

    • @GameCodeLibrary
      @GameCodeLibrary  Před rokem +2

      Yes I will! Top down is my favourite way to make games since you can do so much with it. I have over 70 video ideas planned 😂 covering the basics with platformer first since it’s simplest!
      Thanks so much!

    • @pixlerin
      @pixlerin Před rokem +1

      @@GameCodeLibrary wow cool! Looking forward to all of them 😄

  • @fahripraz
    @fahripraz Před 10 měsíci

    your voice is very good for explanation

  • @mollylochrie4755
    @mollylochrie4755 Před 6 měsíci

    Great and very clear tutorial!!! I love your skeddadling cat man! Just wondering if there’s an alternative to the Math.Abs??? My unity isn’t accepting it for some reason :(

    • @GameCodeLibrary
      @GameCodeLibrary  Před 6 měsíci +2

      I'm glad you enjoyed it!!
      That's strange for Math.Abs not to work...
      What it does is flip a negative number to a positive - if it is negative.
      Instead you can check if the number is less than 0 then do *-1
      E.g:
      if(myNumber < 0)
      {
      myNumber = myNumber * -1;
      }
      Hope this helps!

    • @mollylochrie4755
      @mollylochrie4755 Před 6 měsíci

      thank you so much!!!
      @@GameCodeLibrary

  • @Tariqalzidan
    @Tariqalzidan Před měsícem

    i have a problem i cannot jump and use the animation to the left side

  • @Cerowsee
    @Cerowsee Před 3 dny

    What would I have to do to make the sprite not flip during my idle animation.

  • @EVRYTHING2000
    @EVRYTHING2000 Před 4 měsíci

    can you show us how you copy animation from asperite to your cat character?

  • @اللاعب_الأحمر
    @اللاعب_الأحمر Před 11 měsíci

    😍

  • @accessplayerYT
    @accessplayerYT Před 2 měsíci

    It was great thanks. But my characters not rotating when I turn what soupd I do

    • @GameCodeLibrary
      @GameCodeLibrary  Před 2 měsíci

      This is a simple movement script:
      public class PlayerMovement : MonoBehaviour
      {
      float horizontalInput;
      float moveSpeed = 5f;
      Rigidbody2D rb;
      SpriteRenderer spriteRenderer;
      void Start()
      {
      rb = GetComponent();
      spriteRenderer = GetComponent();
      }
      private void FixedUpdate()
      {
      horizontalInput = Input.GetAxis("Horizontal");
      spriteRenderer.flipX = horizontalInput > 0;
      rb.velocity = new Vector2(horizontalInput * moveSpeed, rb.velocity.y);
      }
      }
      This bit in FixedUpdate flips the sprite:
      spriteRenderer.flipX = horizontalInput > 0;
      You can do it like that, or! Follow along at the timestamp I've linked in this video - which is the previous video of this one :-)
      czcams.com/video/pYu36PLmdq0/video.html

  • @GameCodeLibrary
    @GameCodeLibrary  Před 4 měsíci

    ❗❗❗😱📢 50% OFF LAUNCH SALE!! 😱👾❗❗❗
    BUY THE COMPLETE GAME TEMPLATE NOW!!!
    gamecodelibrary.itch.io/2d-platformer-template

  • @Nomskiss
    @Nomskiss Před měsícem

    You don't actually have to save each frame as its own png.
    You can create a spritesheet and then cut it into individual cells using Unity's sprite editor.

    • @GameCodeLibrary
      @GameCodeLibrary  Před měsícem

      Yeah I’ve done that in my other videos 😝 that’s the shame about my oldest video getting the most views!! It’s my worst one lol!

  • @makoa316
    @makoa316 Před 2 měsíci

    how can i flip the animation? like when he walk to the right or tho the left?
    tanks for the video

    • @GameCodeLibrary
      @GameCodeLibrary  Před 2 měsíci

      This is a simple movement script:
      public class PlayerMovement : MonoBehaviour
      {
      float horizontalInput;
      float moveSpeed = 5f;
      Rigidbody2D rb;
      SpriteRenderer spriteRenderer;
      void Start()
      {
      rb = GetComponent();
      spriteRenderer = GetComponent();
      }
      private void FixedUpdate()
      {
      horizontalInput = Input.GetAxis("Horizontal");
      spriteRenderer.flipX = horizontalInput > 0;
      rb.velocity = new Vector2(horizontalInput * moveSpeed, rb.velocity.y);
      }
      }
      This bit in FixedUpdate flips the sprite:
      spriteRenderer.flipX = horizontalInput > 0;
      You can do it like that, or! Follow along at the timestamp I've linked in this video - which is the previous video of this one :-)
      czcams.com/video/pYu36PLmdq0/video.html

  • @JJJTHE3RD
    @JJJTHE3RD Před 2 měsíci

    I'm not sure what went wrong I followed the video exactly and now my player moves but his body swaps the the other direction (i.e. if they are moving to the left their body will be facing right etc)

    • @GameCodeLibrary
      @GameCodeLibrary  Před 2 měsíci

      You default sprite must have been the opposite to mine! In your sprite renderer you can tick the 'flip X' option and it'll be an easy fix :p

  • @poopiesaywhat-2102
    @poopiesaywhat-2102 Před 6 měsíci +1

    my character doesnt jump when i activated trigger

    • @GameCodeLibrary
      @GameCodeLibrary  Před 6 měsíci

      Weird! You can download the package of my animations for free on my patreon and compare it to yours to see if you can find the difference 🙏

  • @oddysy1880
    @oddysy1880 Před měsícem

    did you manually paint over every frame for every single animation lol? im new to aesprite and feel like theres gotta be a faster way

    • @GameCodeLibrary
      @GameCodeLibrary  Před měsícem +1

      Yes I did! You can copy and paste certain bits to other frames like the face and ears etc :p then just move it to the right position for that frame! Sprite animation is a time consuming art!
      But there are lots of free and paid for assets you can use on sites like itch.io. So you can check those out for free easy ones! :-)

    • @oddysy1880
      @oddysy1880 Před měsícem

      @@GameCodeLibrary this video actually inspired me to draw my own, its been time consuming, but definitely worth it for a passion project. thanks for your response!

  • @qzlocx
    @qzlocx Před měsícem

    i cant drag sprites to the animation window

    • @GameCodeLibrary
      @GameCodeLibrary  Před měsícem

      Make sure you've got your player selected in the hierarchy and that you're dragging in the individual sprites! Can't think of another otion it might be 🤔

  • @blackpop654
    @blackpop654 Před 6 měsíci

    what software did you use to implement the sprite assets and create your sprite?

    • @GameCodeLibrary
      @GameCodeLibrary  Před 6 měsíci +1

      I used Aseprite! I use the free version, but you can buy it online too.

    • @blackpop654
      @blackpop654 Před 6 měsíci

      @@GameCodeLibrary thank you 🥰

    • @arabiwasabi
      @arabiwasabi Před 6 měsíci

      @@blackpop654it’s also on Steam which is pretty neat and is currently on sale

    • @blackpop654
      @blackpop654 Před 6 měsíci

      @@arabiwasabi i just got it off pirate bay but thanks

    • @arabiwasabi
      @arabiwasabi Před 6 měsíci

      @@blackpop654 sure, that's also a way to do it

  • @BeyondEyesight-eh1gn
    @BeyondEyesight-eh1gn Před 5 měsíci

    so the code is NOT there for free?

    • @GameCodeLibrary
      @GameCodeLibrary  Před 5 měsíci

      It is:
      www.patreon.com/posts/2d-platformer-83575703

  • @riziqhabibixiimm1498
    @riziqhabibixiimm1498 Před měsícem +1

    Amazing video I love this, But I found some problems here, I have followed the tutorial and have confirmed that it is correct, but when the character is in jump and ground conditions, The character does not want to return to the idle position, Did I miss something?

    • @GameCodeLibrary
      @GameCodeLibrary  Před měsícem

      If you look in your animator window while this problem happens, you can check the parameters values and see if something is wrong. You can also check the transitions to see why it’s not returning to idle. Hope you can find the issue!

  • @iam_river
    @iam_river Před 6 měsíci +1

    Sorry I keep bothering you 😅 When I edited the code for animation, it sent 2 errors.
    'Animator' is a type but is used like a variable
    The name 'Math' does not exist in the current context
    I think it's something I wrote. Do you think it's possible to give me the code that I can copy and paste?

    • @GameCodeLibrary
      @GameCodeLibrary  Před 6 měsíci

      Hi no problem!
      I have the script and package for free on my Patreon :-)
      www.patreon.com/posts/2d-platformer-83575703

    • @iam_river
      @iam_river Před 6 měsíci

      @@GameCodeLibrarythank you!!

  • @BeyondEyesight-eh1gn
    @BeyondEyesight-eh1gn Před 5 měsíci +1

    very fuccin nice

  • @Rivaldix12
    @Rivaldix12 Před 3 měsíci

    My character doesnt jump :(((

    • @Rivaldix12
      @Rivaldix12 Před 3 měsíci

      maybe its about my input manager settings? i dont know :(

    • @GameCodeLibrary
      @GameCodeLibrary  Před 3 měsíci +1

      If you follow along with the previous video and then this one, it’ll definitely work! :-)

    • @Rivaldix12
      @Rivaldix12 Před 3 měsíci

      @@GameCodeLibrary thank you its working right now :)

    • @asethipro4952
      @asethipro4952 Před 9 dny

      @@Rivaldix12 Hi, Im having the same issue can you tell me what you changed so that i can too? Thank you so much.

  • @KIRANTD-ek9bo
    @KIRANTD-ek9bo Před 12 dny

    Будто бы в видео не полный код.

    • @GameCodeLibrary
      @GameCodeLibrary  Před 12 dny

      I start with the code from this video:
      czcams.com/video/pYu36PLmdq0/video.html
      The rest of the code is in the video!
      The full package is also on my Patreon for free if you wanna grab it and see

    • @KIRANTD-ek9bo
      @KIRANTD-ek9bo Před 12 dny

      @@GameCodeLibrary А можете подсказать почему когда я управляю объектом, с помощью кода для перемещения, то постоянно в рандомные моменты персонаж резко останавливается, и не продолжает двигаться вперед, почему?

  • @BeyondEyesight-eh1gn
    @BeyondEyesight-eh1gn Před 5 měsíci

    did the whole thing just to learn that i need to join your patreon to unlock the code smh

    • @GameCodeLibrary
      @GameCodeLibrary  Před 5 měsíci +2

      The previous video showed you how to do the code - and the code and entire animation package is on my patreon for free my bro:
      www.patreon.com/posts/2d-platformer-83575703
      Living up to the username of beyond eyesight lol 🙂
      I also show months worth of work for free in all my tutorials - I get nothing for doing this!
      Talk about a waste of my time for the sake of kindness hey!

    • @BeyondEyesight-eh1gn
      @BeyondEyesight-eh1gn Před 5 měsíci

      im sorry i was in a bad mood that day
      @@GameCodeLibrary

  • @E_locked
    @E_locked Před 3 měsíci

    PLS SPEAK LOUDER

    • @GameCodeLibrary
      @GameCodeLibrary  Před 3 měsíci

      Lol I have a new mic since this video, hopefully I’m loud enough now 🥲🙏

  • @czomiks
    @czomiks Před 8 měsíci +1

    It's not working😭

    • @GameCodeLibrary
      @GameCodeLibrary  Před 8 měsíci +1

      I have the package and script free on my patreon for you to check out :-)) hopefully you can find a fix!

    • @BeyondEyesight-eh1gn
      @BeyondEyesight-eh1gn Před 5 měsíci

      free for 9 dollars @@GameCodeLibrary