Making an Animation for my 3D Pixel Art Game

แชร์
ฝัง
  • เผยแพร่เมื่อ 27 เม.ย. 2024
  • One of the benefits to making my pixel art game in a 3D game engine is the ability to very quickly build and iterate on animation assets. Among other things, it allows the player model and weapon models to be swapped very easily.
    Animating convincingly in this style is a little different from typical 3D game animations, but with some guidance and experimentation I think I found some techniques that look promising.
    I still have a lot to learn and improve on when it comes to character animation, but my current abilities should be enough to begin prototyping the gameplay ideas I have in mind.
    Timestamps:
    0:00 intro
    0:24 references
    1:38 animation first pass
    3:16 importing and previewing
    4:05 smear interpolation
    4:47 animation second pass
    6:03 secondary motion and tweaks
    6:57 final animation
    7:05 conclusion
    Chinese subtitles generously provided by twitter user @hugo48224093
    Music:
    lofi geek - give me
    lofi geek - souls
    lofi geek - real

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

  • @RegahP
    @RegahP 2 ปีที่แล้ว +1880

    ?????? this guy literally first time programming procedural stylized smearing like it's second nature... i'm so jealous, i aspire to be this determined to learn and accomplish goals and also be efficient like this, please don't stop doing these videos, it gives so much insight and also greatly inspires me

    • @ZigealFaust
      @ZigealFaust 2 ปีที่แล้ว +214

      Dude, i'm not downplaying but you can learn so much in a week with youtube tutorials and basic internet skills. I 100% can see someone with only a weeks worth of learning and practicing at like 4 hours a day being able to do this.
      *POINTS AT SCREEN*
      Even you.

    • @Raevolpe
      @Raevolpe 2 ปีที่แล้ว +12

      Envious, not jealous

    • @braindeveloperdimensional5579
      @braindeveloperdimensional5579 2 ปีที่แล้ว +25

      @@ZigealFaust I think it depends upon the motivation too. Like I programmed my PixelArt renderer for Web in 3 days but I can't find motivation to complete the mobile design for my portfolio website. I want to do it, but the motivation is so low that it's stalling.

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

      Spoiler alert: it's fake. This is all made up for TH-cam. He likely spent thousands of hours on his craft and it has taken him years to get to this point. It's becoming more and more common for TH-cam game developers to exaggerate their abilities in order to get more views.

    • @voidling2632
      @voidling2632 ปีที่แล้ว +5

      @@ZigealFaust I'm into game design plus programming for 5 years now and still know almost nothing... tutorials didn't helped much with teaching/training my potato brain

  • @gweatgawivarietydunk
    @gweatgawivarietydunk 2 ปีที่แล้ว +2588

    "Relative Beginner" youre doing something unique and absolutely beautiful, keep at it!

    • @happybunnywabbit
      @happybunnywabbit 2 ปีที่แล้ว +79

      well clearly he isn't a beginner, and has been doing this for... probably years. He's just saying it to downplay his skills (which many of us do) but it's kinda annoying to hear nonetheless.

    • @t3ssel8r
      @t3ssel8r  2 ปีที่แล้ว +385

      I meant that I am a beginner in character animation, which I am (as I'm sure any experienced animator can tell). I try to make up for it with my extensive programming experience. Sorry for the confusion.

    • @guibnv
      @guibnv 2 ปีที่แล้ว +79

      @@t3ssel8r Although I completely understand what you mean, you clearly know one thing or two things about animation principles. Fantastic work mate! Curb your impostor syndrome ;] Sorry for bad english, not my native language (irony intended).

    • @melondick
      @melondick 2 ปีที่แล้ว +2

      @@happybunnywabbit Sounds like you're just projecting... How can you say someone's not a beginner if you're not in their shoes. It's like when people try to tell me I'm not a self-taught artist when they see my work and they don't know it took me 8 years of trial and error cause when I was self-teaching there were no good tutorials for learning how to draw certain things and paint. Nowadays people have great tutorials online to learn online worry-free so they think I just learned from watching channels and paying for online classes.

    • @BigMastah79
      @BigMastah79 2 ปีที่แล้ว +8

      You DO know what relative means, right?

  • @PandaBazookaWarz
    @PandaBazookaWarz 2 ปีที่แล้ว +619

    The fact that the pixel art of the character and it's animations look hand drawn says a lot about the quality of your shader. I'm really excited about where this project is headed and something tells me you'll be at 100k subs in the near future. Just keep up the good work man. 👌👌👌

    • @kryperdev
      @kryperdev 2 ปีที่แล้ว +37

      I can shock you it is not as "black magic" as you think it is.
      Shading is mostly toon shader with some color clamping and alpha cleanup.
      Trees are meshes converted into quads with textures using particle system and baked. Then UVs are moved to simulate wind.
      Everything is animated then at specific step to make sure it have this "pixel art hand animated" feel.
      Thats mostly it, it is far from "black magic".

    • @alanhasmemes
      @alanhasmemes ปีที่แล้ว +43

      @@kryperdev that's black magic to me mate i can barely make a hello world program

  • @Jelkeludo
    @Jelkeludo 2 ปีที่แล้ว +26

    These are such a joy to watch! I'm definitely excited to see where this project is going to

  • @AdamCYounis
    @AdamCYounis 2 ปีที่แล้ว +180

    Amazing, as always. I'm so excited to watch your game come to life!

    • @tigerater
      @tigerater 2 ปีที่แล้ว +10

      Always so cool to see the people making the tutorials I follow on other peoples tutorials

    • @anwill9464
      @anwill9464 2 ปีที่แล้ว

      @@tigerater C

  • @NotWillGorman
    @NotWillGorman 2 ปีที่แล้ว +12

    These workflow/devlog videos are easily one of my favourite things on TH-cam. Keep it up!

  • @DonQuichotteLiberia
    @DonQuichotteLiberia ปีที่แล้ว +7

    Wow, you are a complete badass. Arts, engineering, math, all comes together so naturally in your videos. Great work!

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

    Your passion project is coming along beautifully. It's always cool to see the updates you post for it, so thanks for sharing.

  • @froggouk2
    @froggouk2 2 ปีที่แล้ว +333

    I honestly can't wait to play this, this is sick.

  • @kfogo7459
    @kfogo7459 2 ปีที่แล้ว +6

    Man, this is so awesome! I always get a huge urge to return to my game project when i see videos like yours, but at the moment i have no time for free stuff like that unfortunately. Thanks a lot for sharing, i love low resolution and stilized visuals tremendously and you did a great job with the animation, too!

  • @aaroshdas7761
    @aaroshdas7761 2 ปีที่แล้ว +108

    I feel like you have been asked this a lot but, I really like the pixelated look you get in your previous videos and this one. I don't really fully understand many of the descriptions of your past video and although creating that pixelated feel in 3d is simple, you do it in such an awesome way and it looks so nice (the trees and the grass especially). If you wouldn't mind making a tutorial, I think many of us would be grateful.

    • @krisztoferbodor1451
      @krisztoferbodor1451 2 ปีที่แล้ว +2

      +1 :)

    • @happybunnywabbit
      @happybunnywabbit 2 ปีที่แล้ว +26

      I believe he said after this project is done he will sell the shader at unity marketplace. Thus I don't think he will just give it up for free.

    • @mohammadazad8350
      @mohammadazad8350 2 ปีที่แล้ว +36

      @@happybunnywabbit He well deserves the money!

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

      *_Check this, might help you_*
      th-cam.com/video/dpNhymnBDQw/w-d-xo.html

  • @iankelley9302
    @iankelley9302 2 ปีที่แล้ว +73

    This is, without a doubt, the most unique game dev I've seen. Incredible job!

  • @jeffy7621
    @jeffy7621 2 ปีที่แล้ว +30

    I'd play this just for the art, this is so sick, underrated channep

  • @AnOrdinaryDaisy
    @AnOrdinaryDaisy 2 ปีที่แล้ว +2

    these videos are incredible well made and entertaining, you really deserve more recognition for them. incredibly great job

  • @Holdsworthands
    @Holdsworthands 2 ปีที่แล้ว +2

    this looks amazing, i really love the design of the character and everything, super inspiring

  • @larsbliss-miller8957
    @larsbliss-miller8957 2 ปีที่แล้ว +2

    Keep it up, man! Your devlogs are always super inspiring. Look forward to seeing more 👍

  • @choppedandspewed
    @choppedandspewed 2 ปีที่แล้ว +10

    you just gonna throw in that perfect transition at @7:05 like that and not mention it OKAY FRIEND I SEE YOU

  • @DokterKaj
    @DokterKaj 2 ปีที่แล้ว +2

    Underrated as heck. Can't wait to see what else you have in store!

  • @colorant.colorivo
    @colorant.colorivo ปีที่แล้ว +1

    This looks INCREDIBLE. Such a good idea. High hopes for your game!

  • @vismince
    @vismince 2 ปีที่แล้ว

    it is amazing to see how much we progress with graphics each passing day. Just baffling how beautiful it all comes together, great work bud!

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

    Very exciting as always. Good luck with all your future efforts!!

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

    Wow! That looks so awesome. Great job!

  • @sigitsatriap6505
    @sigitsatriap6505 2 ปีที่แล้ว +5

    I really love your art style !

  • @logeryx8045
    @logeryx8045 2 ปีที่แล้ว +13

    This looks SO COOL! When this game comes out, I'm buying it straight away. I love pixel art and I always thought that 3D pixel art doesn't look that good, but DAMN! This is perfect. (Speaking about all of your videos)

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

    love these process videos, looks great, keep it up!

  • @mod8077
    @mod8077 2 ปีที่แล้ว

    This is gorgeous and incredible man, keep it up, very excited to see what comes next

  • @regularguy3879
    @regularguy3879 2 ปีที่แล้ว

    this artstyle is amazing man! i like the production value of your videos, keep it up

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

    This makes me want to create a game myself! You make it look so easy and amazing (which it really isnt). I cant wait to see more from you :)

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

    Your work is amazing, thanks for bringing a comprehensive tutorial and for introducing me to Cascadeur!

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

    Amazing!!! Waiting for your future lessons and courses !

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

    I love how this looks
    Amazing job!!!

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

    Your game is really cool, 3d pixel art is definetly one of the best type of art ive seen. And your ai also looks dope. Hope to see more devlogs

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

    Amazing work, I like how the right leg stomps as the player swings, nice touch :)

  • @supermuffinbros4797
    @supermuffinbros4797 2 ปีที่แล้ว +13

    7:04 The transition from animation software to game was very smooth.

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

    I've been playing video games for almost 30 years, and I can count on one hand the number of upcoming games that I've been content to just LOOK at. You've got lightning in a bottle. I'm certain that your success is just a matter of time.

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

    You're killing it man!!! keep up the good work

  • @ravenzaphara5513
    @ravenzaphara5513 2 ปีที่แล้ว

    hey wow this is really cool. this is giving me really good ideas for my own projects. i've never heard of the animation software you're using, and you make everything seem so intuitive.

  • @MegaRansel
    @MegaRansel 2 ปีที่แล้ว

    thanks for the content you bring, I really like these themes, indies, pixelart and animation

  • @diogo1419
    @diogo1419 2 ปีที่แล้ว

    my goodness I looked at your character and jesus! how beautiful this pixelart style together with 3d

  • @ddates.12
    @ddates.12 2 ปีที่แล้ว

    man this looks absolutely amazing its really coming together

  • @eboatwright_
    @eboatwright_ ปีที่แล้ว +2

    I know this video is older, but I just wanted to say how amazing it looks! It looks so crispy but smooth at the same time. Great work!

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

      how does animation look crispy

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

    absolutely beautiful work🔥

  • @Vicious987313
    @Vicious987313 2 ปีที่แล้ว

    this looks really cool!
    i like how you talk about work process, very inspiring :)

  • @spaceowl5957
    @spaceowl5957 2 ปีที่แล้ว

    It looks SO COOL! I rarely play video games and I probably won’t play this, but the devlogs are absolute gold content. Please make more!

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

    For the quality of stuff you produce, underrated!! Amazing stuff. I'm also considering starting gamedev i dono

  • @drominus3875
    @drominus3875 ปีที่แล้ว +2

    I’ve also been looking into 3d pixel art as I wanted pixel art aesthetics, but faster 3d workflow. Nice trick you did to simulate older style animations.

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

    I love this art style and your animations. this is so inspiring, one day i might have enough practice and experience to do this well.

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

    Man you've just became my inspiration making game style like this, im a growing tech artist who specialise in rigging , animation now im beginning to learn unity coding as well cuz of your work

  • @ff-qf1th
    @ff-qf1th 2 ปีที่แล้ว

    This is amazing!! it is so valuable to me as an aspiring developer to see your process. thank you for sharing :)

  • @valroniclehre193
    @valroniclehre193 2 ปีที่แล้ว +363

    For anyone who couldn't tell, the 3D animation software he is using is spelled "Cascadeur". All too often these pro teachers take for granted how hard it can be for someone who just doesn't know the name, or the right button to click.

    • @john-davidcarling7164
      @john-davidcarling7164 2 ปีที่แล้ว +5

      Thanks

    • @charlieringor4187
      @charlieringor4187 2 ปีที่แล้ว +5

      Thanks! but what was the second app used?

    • @t3ssel8r
      @t3ssel8r  2 ปีที่แล้ว +68

      unity

    • @charlieringor4187
      @charlieringor4187 2 ปีที่แล้ว

      @@t3ssel8r Thank you so much!!!!

    • @lukdra
      @lukdra 2 ปีที่แล้ว +4

      Gracias estaba buscando de l nombre del programa

  • @alex.inokuchi
    @alex.inokuchi 2 ปีที่แล้ว

    really captivating take on the pixel art style, looking to watching the development of your game!

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

    Wow! This is amazing!

  • @rift1067
    @rift1067 ปีที่แล้ว +2

    Two things I learned from this:
    - Cascadeur is awesome. I never heard of the program before this video, and the AI-assisted keyframing sounds very interesting. I'll definitely give it a try.
    - At 6:18, it's ok (and in cases like these encouraged) to keyframe raw joints alongside bones we designate for handling/assistance/master controls. I was always under the impression that I'm making my keyframes too data-heavy by doing this; that I'm doing something wrong with the way I set up my handles as I must rely solely on their keyframes to animate the object. Thank you for clearing that misconception I've had.

  • @ignOxy
    @ignOxy 2 ปีที่แล้ว +4

    this is amazing, what I'd give for a hack and slash with this attention to detail (maybe even procedurally generated rooms and a massive weapon selection!)

  • @anancee6342
    @anancee6342 2 ปีที่แล้ว

    Great video mate. Nice to see another doing a 3D pixle art like game. Smears are looking good

  • @DemonicSenpai
    @DemonicSenpai 2 ปีที่แล้ว

    Man this awesome in so many levels, keep it up!

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

    Thanks a lot for the tips & good luck with the further development of the game :)

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

    OMG! for years, YEARS! I have been trying to remember the name of the game Hyper light drifters, I played it when I was in middle school but couldn't remember the name. That intro clip was what I needed! Thank you so much :D

  • @piotrekupinski7732
    @piotrekupinski7732 2 ปีที่แล้ว

    What you are doing is amazing. I was just thinking about ideas for games. I had a pixel-style outline of the game in my head, but at the same time the mechanics that I wanted to implement in it would not fit the 2d game or work just plain boring. I was curious if there was any way to make a 3D game in a typical 2D pixel style. So I decided to do some research and found your channel. Great job, keep it up! I think many game developers can learn a lot from you.

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

    i literally clapped at the end. the end product turned out amazingly cool! inspired me to give it a try :D thank u !

  • @candygonemad
    @candygonemad 2 ปีที่แล้ว

    Dang that's so cool, cascadeur seems awesome, I love the onion skin feature. And the smear shader is amazing

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

    Bro this is awesom!!

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

    This is beautiful work!

  • @qasderfful
    @qasderfful 2 ปีที่แล้ว

    That's some really cool animations, I have to say. Wish you all the best!

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

    Very clean, love ur videos!

  • @tung_t_tran
    @tung_t_tran 2 ปีที่แล้ว

    Wow I am thoroughly impressed by your animation knowledge even though you're a beginner. Great job with this so far and good luck moving forward!

  • @pedjamigrant7189
    @pedjamigrant7189 2 ปีที่แล้ว

    This is so epic , looks so slick/ sick !

  • @lucasbird6367
    @lucasbird6367 2 ปีที่แล้ว

    I love your channel, so mutch to learn! Thank you for sharing!

  • @fluxvector
    @fluxvector 2 ปีที่แล้ว

    you are literally amazing it blows my mind!

  • @SlowDownYT
    @SlowDownYT 2 ปีที่แล้ว +2

    I'm really looking forward to it

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

    I know basic blender stuff - but never went deep into animation...
    Your video was really fun to watch and the animation
    looks awesome :D
    Looks like you know your craft well, all the best ✌

  • @dersps5905
    @dersps5905 2 ปีที่แล้ว +2

    I always wanted to make a 3D pixel art game, but I knew that I wouldn't be able to do it, so seeing the idea in such good hands is very relieving :D

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

    Your videos are goddamn amazing man, you're a renaissance man of game dev - doing art direction, game design, animation, programming, vfx, video editing, and education all at once. Bravo!!

  • @PixGame
    @PixGame 2 ปีที่แล้ว

    Thanks for sharing your experience bro!

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

    Thank you for explaining this thoroughly!

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

    You're doing some really remarkable work, and I wish I could like this video more than once.

  • @Flamewolf14
    @Flamewolf14 2 ปีที่แล้ว

    love the art style!

  • @sacobred8400
    @sacobred8400 2 ปีที่แล้ว

    cant wait for the next devlog, this looks so good

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

    Love the art style!

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

    Amazing work!

  • @shtml54
    @shtml54 2 ปีที่แล้ว +2

    Thanks, This really helped me for Animating a fight scene.

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

    Can't wait for your game to come out. Jump on the train fellow game dev. Subbed

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

    yoooo that looks so cool!! i love it!!

  • @0xkero
    @0xkero 2 ปีที่แล้ว +4

    It's great t3ssel8r, great job 😍

  • @OhBoy_IWasUsingMyRealName
    @OhBoy_IWasUsingMyRealName 2 ปีที่แล้ว +7

    I have been trying to achieve a similar artistic style. (I am using different softwares and workflow and a completely different game. But it is nice to see something similar to inspire me)

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

    Your project looks gorgeous

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

    That's absolutely amazing!

  • @leonard1871
    @leonard1871 2 ปีที่แล้ว

    Nice one ! This looks sick !!

  • @ruuben816
    @ruuben816 2 ปีที่แล้ว

    I'm in love with your work

  • @ohboi3744
    @ohboi3744 2 ปีที่แล้ว

    Sheessh this a banger man, honestly can't wait to play this

  • @isto_inc
    @isto_inc 2 ปีที่แล้ว

    Holy moly, i just discovered this channel. This is incredible

  • @wynty
    @wynty 2 ปีที่แล้ว

    So cool, just found this channel and I love this!!

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

    The 3D Animation's giving motivating vibe. It's so good

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

    Thanks for making these videos!

  • @noxabellus
    @noxabellus 2 ปีที่แล้ว

    Wow absolutely flawless aesthetic as usual

  • @astral-br4gb
    @astral-br4gb ปีที่แล้ว

    literally cant wait for when you finish this game keep it up big man
    =D

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

    Muchas gracias por mostrar tu proceso y explicarlo.
    Te quedo increíble el movimiento. :D

  • @thegalaxyshack
    @thegalaxyshack 2 ปีที่แล้ว

    Wow. Super inspiring dude!

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

    Looks dope! Nice work :D

    • @captainhoneybee8435
      @captainhoneybee8435 2 ปีที่แล้ว

      Why, hello there stranger ^^ didn't expect to find you down here

    • @saultoons
      @saultoons 2 ปีที่แล้ว

      @@captainhoneybee8435 ello :D

  • @jofercho
    @jofercho 2 ปีที่แล้ว

    your animations are amazing!