Idle, Run and Jump Animations - Platformer Unity 2D

แชร์
ฝัง
  • เผยแพร่เมื่อ 2 ส.ค. 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

ความคิดเห็น • 92

  • @GameCodeLibrary
    @GameCodeLibrary  ปีที่แล้ว +3

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

    • @odracir3300
      @odracir3300 14 วันที่ผ่านมา

      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 10 หลายเดือนก่อน +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  10 หลายเดือนก่อน +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 🫡

  • @jazioxmugen
    @jazioxmugen 8 หลายเดือนก่อน

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

    • @GameCodeLibrary
      @GameCodeLibrary  8 หลายเดือนก่อน

      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!

  • @Th3M729
    @Th3M729 8 หลายเดือนก่อน +1

    That clarity stuttering was crazy!!! Good video

    • @GameCodeLibrary
      @GameCodeLibrary  8 หลายเดือนก่อน

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

  • @monkelios
    @monkelios 4 หลายเดือนก่อน +1

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

  • @Themediocredude
    @Themediocredude 5 หลายเดือนก่อน

    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  5 หลายเดือนก่อน +1

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

  • @superiormirage321
    @superiormirage321 8 หลายเดือนก่อน

    Thank you for the video! Cant wait for more.

    • @GameCodeLibrary
      @GameCodeLibrary  8 หลายเดือนก่อน +1

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

  • @ines4728
    @ines4728 ปีที่แล้ว

    love your videos!!!

  • @Zegley19
    @Zegley19 10 หลายเดือนก่อน +1

    Hey - looks good! Cool use of the asset pack

    • @GameCodeLibrary
      @GameCodeLibrary  10 หลายเดือนก่อน

      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 17 วันที่ผ่านมา

      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.

  • @jawavoncherie
    @jawavoncherie 9 หลายเดือนก่อน

    Thank you

  • @Elaoz
    @Elaoz หลายเดือนก่อน

    beautiful job

  • @Force5_Eye_Dev
    @Force5_Eye_Dev 7 หลายเดือนก่อน

    Excellent video.

  • @bluzenkk
    @bluzenkk ปีที่แล้ว

    [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 TH-cam 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  ปีที่แล้ว +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 TH-cam 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!

  • @EpicHashTime
    @EpicHashTime ปีที่แล้ว

    Excellent tutorial

  • @kadamnable
    @kadamnable ปีที่แล้ว +1

    cute sprite great video!!

    • @GameCodeLibrary
      @GameCodeLibrary  ปีที่แล้ว +1

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

  • @GameCodeLibrary
    @GameCodeLibrary  4 หลายเดือนก่อน

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

  • @parthchavan5542
    @parthchavan5542 5 หลายเดือนก่อน

    Thx so much :)

    • @GameCodeLibrary
      @GameCodeLibrary  5 หลายเดือนก่อน

      You’re welcome! I’m glad you enjoyed 🙏

  • @kozmobotgames
    @kozmobotgames 6 หลายเดือนก่อน

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

    • @GameCodeLibrary
      @GameCodeLibrary  6 หลายเดือนก่อน +1

      Nice work! Glad you enjoyed!

  • @EVRYTHING2000
    @EVRYTHING2000 4 หลายเดือนก่อน

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

  • @pixlerin
    @pixlerin ปีที่แล้ว +1

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

    • @GameCodeLibrary
      @GameCodeLibrary  ปีที่แล้ว +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 ปีที่แล้ว +1

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

  • @mollylochrie4755
    @mollylochrie4755 7 หลายเดือนก่อน

    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  7 หลายเดือนก่อน +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 6 หลายเดือนก่อน

      thank you so much!!!
      @@GameCodeLibrary

  • @accessplayerYT
    @accessplayerYT 2 หลายเดือนก่อน

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

    • @GameCodeLibrary
      @GameCodeLibrary  2 หลายเดือนก่อน

      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 :-)
      th-cam.com/video/pYu36PLmdq0/w-d-xo.html

  • @gnomewarlord7128
    @gnomewarlord7128 หลายเดือนก่อน

    You're my favourite amongst the british "people"

  • @Nomskiss
    @Nomskiss 2 หลายเดือนก่อน

    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  2 หลายเดือนก่อน

      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!

  • @fahripraz
    @fahripraz 11 หลายเดือนก่อน

    your voice is very good for explanation

    • @GameCodeLibrary
      @GameCodeLibrary  11 หลายเดือนก่อน

      Thank you, I'm glad you think so! :-)

  • @Tariqalzidan
    @Tariqalzidan หลายเดือนก่อน

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

  • @اللاعب_الأحمر
    @اللاعب_الأحمر 11 หลายเดือนก่อน

    😍

  • @Cerowsee
    @Cerowsee 9 วันที่ผ่านมา

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

  • @makoa316
    @makoa316 2 หลายเดือนก่อน

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

    • @GameCodeLibrary
      @GameCodeLibrary  2 หลายเดือนก่อน

      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 :-)
      th-cam.com/video/pYu36PLmdq0/w-d-xo.html

  • @JJJTHE3RD
    @JJJTHE3RD 2 หลายเดือนก่อน

    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  2 หลายเดือนก่อน

      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 6 หลายเดือนก่อน +1

    my character doesnt jump when i activated trigger

    • @GameCodeLibrary
      @GameCodeLibrary  6 หลายเดือนก่อน

      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 2 หลายเดือนก่อน

    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  2 หลายเดือนก่อน +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 หลายเดือนก่อน

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

  • @blackpop654
    @blackpop654 7 หลายเดือนก่อน

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

    • @GameCodeLibrary
      @GameCodeLibrary  7 หลายเดือนก่อน +1

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

    • @blackpop654
      @blackpop654 7 หลายเดือนก่อน

      @@GameCodeLibrary thank you 🥰

    • @arabiwasabi
      @arabiwasabi 7 หลายเดือนก่อน

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

    • @blackpop654
      @blackpop654 7 หลายเดือนก่อน

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

    • @arabiwasabi
      @arabiwasabi 7 หลายเดือนก่อน

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

  • @qzlocx
    @qzlocx หลายเดือนก่อน

    i cant drag sprites to the animation window

    • @GameCodeLibrary
      @GameCodeLibrary  หลายเดือนก่อน

      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 🤔

  • @BeyondEyesight-eh1gn
    @BeyondEyesight-eh1gn 5 หลายเดือนก่อน

    so the code is NOT there for free?

    • @GameCodeLibrary
      @GameCodeLibrary  5 หลายเดือนก่อน

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

  • @BeyondEyesight-eh1gn
    @BeyondEyesight-eh1gn 5 หลายเดือนก่อน +1

    very fuccin nice

    • @GameCodeLibrary
      @GameCodeLibrary  5 หลายเดือนก่อน

      Thank you! Glad you enjoyed

  • @Rivaldix12
    @Rivaldix12 3 หลายเดือนก่อน

    My character doesnt jump :(((

    • @Rivaldix12
      @Rivaldix12 3 หลายเดือนก่อน

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

    • @GameCodeLibrary
      @GameCodeLibrary  3 หลายเดือนก่อน +1

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

    • @Rivaldix12
      @Rivaldix12 3 หลายเดือนก่อน

      @@GameCodeLibrary thank you its working right now :)

    • @asethipro4952
      @asethipro4952 15 วันที่ผ่านมา

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

  • @iam_river
    @iam_river 7 หลายเดือนก่อน +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  7 หลายเดือนก่อน

      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 7 หลายเดือนก่อน

      @@GameCodeLibrarythank you!!

  • @KIRANTD-ek9bo
    @KIRANTD-ek9bo 18 วันที่ผ่านมา

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

    • @GameCodeLibrary
      @GameCodeLibrary  18 วันที่ผ่านมา

      I start with the code from this video:
      th-cam.com/video/pYu36PLmdq0/w-d-xo.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 18 วันที่ผ่านมา

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

  • @riziqhabibixiimm1498
    @riziqhabibixiimm1498 หลายเดือนก่อน +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  หลายเดือนก่อน

      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!

  • @czomiks
    @czomiks 8 หลายเดือนก่อน +1

    It's not working😭

    • @GameCodeLibrary
      @GameCodeLibrary  8 หลายเดือนก่อน +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 5 หลายเดือนก่อน

      free for 9 dollars @@GameCodeLibrary

  • @E_locked
    @E_locked 3 หลายเดือนก่อน

    PLS SPEAK LOUDER

    • @GameCodeLibrary
      @GameCodeLibrary  3 หลายเดือนก่อน

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

  • @BeyondEyesight-eh1gn
    @BeyondEyesight-eh1gn 5 หลายเดือนก่อน

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

    • @GameCodeLibrary
      @GameCodeLibrary  5 หลายเดือนก่อน +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 5 หลายเดือนก่อน

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