Pixel Art Class - Fully Lit Isometric Tiles in Unity!

Поділитися
Вставка
  • Опубліковано 3 чер 2024
  • Hey Pals! Here's another video on isometric pixel art in Unity. I really love how this one came out, as I get to share a lot of the lessons I learned that were actually very frustrating to set up for me. There are a lot of pitfalls in this process so thankfully I can save you from all of them lol.
    2D lights with normal mapped isometric looks so good. I really want to make a little game with this style one day. Enjoy!
    Chapters:
    00:00 - Introduction
    01:27 - Setting up Universal RP 2D
    03:45 - Adding Lights and Textures
    07:05 - Adding Normal Maps
    10:57 - Setting Up a Camera
    11:48 - Isometric Tilesets in Unity
    15:45 - Fixing the Sorting Order
    16:50 - Brief Level Design Timelapse
    17:05 - Adding Details to the Textures
    24:00 - Scene Lighting & Dynamic Shadows
    27:00 - Polished Mockup Showcase
    28:19 - Outro
    ----
    This video features clips from my stream. Catch it live: Mon, Tues, Thurs and Fri 1-6pm AEST.
    Twitch: / adamcyounis
    Twitter: / adamcyounis
    Discord: / discord
    Become a Patron at / adamcyounis
    Download assets and games from the stream at uppon-hill.itch.io/
    Later, pals!
  • Наука та технологія

КОМЕНТАРІ • 265

  • @TheZenmaster585
    @TheZenmaster585 3 роки тому +45

    In case anyone was having the same issue I was trying to get the normal map to work, one crucial step that was omitted in this video was that when you import the normal map png you have to set the Texture Type to Normal Map rather than Sprite 2d. It won't give you any error when you attach it as a normal map when it's just a regular sprite, but it just won't do the normal mapping lighting effect.

  • @ShiloBuff
    @ShiloBuff 3 роки тому +186

    You are seriously underrated. You cater to my experienced game programming side and my amateur pixel art passion. And the way you explain things is the way I think and like to learn. I would totally pay for detailed tutorials or assets from you. Thank you for the lovely content.

    • @nikosv7230
      @nikosv7230 3 роки тому +2

      Become a patron!

    • @ShiloBuff
      @ShiloBuff 3 роки тому +3

      @@nikosv7230 Good idea. Thank you!

    • @nikosv7230
      @nikosv7230 3 роки тому +1

      Good call, every dollar helps small creators :^)

    • @prototype8137
      @prototype8137 2 роки тому +2

      How is he underrated? Its a youtuber guy making pixel art tutorials to sell a program called asperite.. i mean nothing new here. Typical. Although he does get into more detail than others.
      Cool vids but i dont see how its underrated. 40k + views is good.

    • @leocalder
      @leocalder 2 роки тому +6

      @@prototype8137 he’s most certainly underrated, and he’s not selling aseprite or promoting it.

  • @yvettenaomi3870
    @yvettenaomi3870 Рік тому +17

    for anyone who needs correct Z values (for 3D A* implementations for example) you can change the "Transparency Sorting Axis" for the 2D Renderer part of URP to "Custom" and change Z to -.26. it does some math and renders tiles at higher Z axes on top of those with lower!

  • @RavioliPolioli
    @RavioliPolioli 3 роки тому +38

    Found your channel recently and just wanted to say that this is really incredible content. You really teach how to *think* about the the problems and find solutions to them rather than just simple how-to tutorials. Good luck with your game!

  • @LootGoblinPenny
    @LootGoblinPenny 3 роки тому +1

    I love watching you work, especially when you're happy with something, your whole face lights up with a smile it's great. Keep up the great work, it helps a lot

  • @justinwhite2725
    @justinwhite2725 3 роки тому +16

    I've been using unity for years (maybe even a decade now) and I learned 2 things.
    1 - 'secondary textures' is huge. I would have had to create a custom shader to use normal maps without that. Fantastic.
    2 - you can do math in the inspector!?
    3- having the grass sit 'on top of' the base tile is a fantastic idea. I would have been dead set in making these full solid tiles.

  •  3 роки тому +2

    This was brilliant! I just installed Unity and it looks so complicated and technical, tutorials like this help A LOT! Thank you!

  • @clickchapman5240
    @clickchapman5240 3 роки тому +2

    Love this new format! Feels much more like a personal connection/teaching lesson rather than watching a Twitch VOD. Will be back for much more!

  • @teggundrut
    @teggundrut 2 роки тому +1

    This is my first time seeing your channel and omg you are amazing! I have been wanting to make a game for a while and I didn't have any ideas until I saw your isometric tutorial and now im binging you videos. Thank you for your great work! :)

  • @jeanpablo1031
    @jeanpablo1031 3 роки тому +1

    this series is incredibly amazing, I hope you continue!

  • @chimichuflis
    @chimichuflis 3 роки тому +1

    this really helped me a ton, this and the last isometric art video are so good, your explanations are really on point, im working on a simple isometric pixel art game engine on javascript and this videos are gold!

  • @ironbard4901
    @ironbard4901 2 роки тому +4

    Woah! That looks so clean and beautiful! I don't quite know how to describe it, but this is like seeing graphics from an alternate timeline, where 3D accelerated hardware never became a thing, and so 2D graphics progressed two or three decades further than in our own timeline. I want to try my hand at this in the not too distant future.

  • @meepsterfgsltw5685
    @meepsterfgsltw5685 3 роки тому +1

    Thank you so much, your videos are easy to understand and are followable if the audience wants to do this themselves, as well as you are doing an amazing job on the textures and your game design!

  • @nilsnoske6460
    @nilsnoske6460 3 роки тому +1

    Ran into your videos a few days ago. You're honestly inspiring! Love to you! :)

  • @monarchdrumandbass8700
    @monarchdrumandbass8700 2 роки тому +1

    So underrated! Incredible content and so well explained! Keep up the good work!

  • @yasselesca
    @yasselesca Рік тому +8

    If someone has a problem with higher Z position tiles rendered underneath, go to the 2D Renderer Data and set the Transparency Sort Axis in Z smaller to 0, e.g. to "-0.5".

  • @GabeWilliams
    @GabeWilliams 2 роки тому +1

    I was…amazed when I saw what you could do with those isometric tiles and textures. I’m definitely going to have to try this out

  • @cat-boy1357
    @cat-boy1357 2 роки тому +1

    By far the best videos on isometric. All of the channels that cover this topic, just kinda handwave away the textures.
    "Yeah, just import these textures I found. Mess around with these settings till it looks good." This video thoroughly explains not only the how, but the why as well.
    Quality work.

  • @oscarlundin3842
    @oscarlundin3842 3 роки тому

    One of the best ones yet! Keep up the good work!

  • @JustGabe
    @JustGabe 3 роки тому +1

    This is GOLD!!! This will seriously help my videogame to get more polished :D THANK YOU!

  • @vincebilotti8301
    @vincebilotti8301 Рік тому +1

    The most helpful video ive seen about isometric game dev i swear.

  • @frankeeeej
    @frankeeeej 3 роки тому +15

    Wow thats neat :D
    You can make it even more fancy by also drawing the lines between the bricks in the normalmap :)

  • @bolic-47
    @bolic-47 3 роки тому

    These really cool things, man. It's like a new breath for isometric solutions. Thanks.

  • @zeleck3x
    @zeleck3x 3 роки тому +1

    Keep creating mate, you are really good at it, I love all of your materials!

  • @ahnmichael1484
    @ahnmichael1484 2 роки тому +1

    I have watched hundredsss of tutorials, and this is probably the best I have ever seen. Incredible structure, flow, demonstration, and execution 😭

    • @dotgrid
      @dotgrid Рік тому

      I couldn’t agree more. It’s absolutely brilliant. Thank you!

  • @Hersatz
    @Hersatz 3 роки тому +1

    This is exactly what I needed.
    Thank you very much, good sir.
    Extremely underrated channel.

  • @tyreldelaney
    @tyreldelaney 3 роки тому +5

    These isometric videos are really great! I would love to see an isometric character video sometime 🙌

  • @danielward9758
    @danielward9758 3 роки тому

    I love this! If you need any ideas for future isometric content, I think character sheets would be a cool focus point. Great content!

  • @Sliceoffrontpi3
    @Sliceoffrontpi3 3 роки тому

    Loving these isometric explorations!

  • @maximilianomalvido
    @maximilianomalvido Рік тому +1

    Man, this is gold! Thank you so much for sharing 👏

  • @penwheel6993
    @penwheel6993 3 роки тому

    Really love these tutorial videos you've been doing

  • @toongloong
    @toongloong Рік тому

    I wonder if you know how good our videos are... bro... these are so well thought and delivered. Masterclass material.

  • @faycalbenlarbidelai5586
    @faycalbenlarbidelai5586 3 роки тому +1

    DUDE!?? I've always loved isometric games n wanted to make some but they always seemed haarder, but u really explain things way better n simpler making me wanna get on it! thanks man!

  • @gutsberserker5476
    @gutsberserker5476 3 роки тому

    loving the slow pace. I was able to follow along and enjoy a cup of tea

  • @BlaineSirius
    @BlaineSirius 2 роки тому

    Dude. I love you. Literally answered all my questions in one vid. ✋👏💪

  • @lordbrenno6354
    @lordbrenno6354 3 роки тому

    Thanks for the tutorial man, I didn't even know Asprite had a normal's color setting. Keep up the good work

  • @thigict
    @thigict 3 роки тому +6

    Awesome sensei, you inspired me a lot :D !

  • @zomk1342
    @zomk1342 3 роки тому +24

    This looks soo good :)

  • @rxqueenalice
    @rxqueenalice 2 роки тому

    this video has helped me numerous times in my tilemap journey. thanks so much!

  • @mio-xh1ln
    @mio-xh1ln Рік тому

    I wish I could put into words how thankful I am for your video !! keep it up, buddy :)

  • @nikowolfwood
    @nikowolfwood Рік тому

    I'm designing a tile based game and this video is pure GOLD. Liked and subbed!

  • @tavisbragg3616
    @tavisbragg3616 3 роки тому

    You are amazing. Great tutorials all around!

  • @gorguliastone
    @gorguliastone 2 роки тому

    Adam, you're cool, and everything you do is just great!

  • @cq5857
    @cq5857 2 роки тому

    Subscribed. Don't know how I've never seen you, this was awesome!

  • @rikman81
    @rikman81 3 роки тому

    Great video with loads of useful info - thanks!

  • @el2746
    @el2746 3 роки тому

    Holy Fock, it looks super cool !!! Everytime i watch one of your videos i feel the need to draw pixel art too. Damn dude, nice video

  • @MichaelZesty
    @MichaelZesty 3 роки тому

    THIS IS SO AWESOME
    I cant wait for more :3

  • @fyofyoriosity2350
    @fyofyoriosity2350 3 роки тому

    super helpful, well explained, and really pretty~

  • @xelmenguyzxlt5571
    @xelmenguyzxlt5571 3 роки тому

    Thank you for listening to my suggestion ! I love isometric and your videos are great help

  • @kevinhocking3531
    @kevinhocking3531 3 роки тому

    Great tutorial,, even better teaching. Thank you sir!

  • @WyMustIGo
    @WyMustIGo 3 роки тому

    I don't think it is possible for Adam to make a bad video. Keep up the excellent work!

  • @NaturesSpite
    @NaturesSpite 3 роки тому

    Thank you for the tutorial. Extremely helpful.

  • @02HERO17
    @02HERO17 2 роки тому

    this was great and incredibly useful thanks!

  • @esoretal
    @esoretal Рік тому

    this is amazing!! thank you so much!

  • @voracdesign
    @voracdesign 2 роки тому

    This looks great!!!

  • @michaeldamon7500
    @michaeldamon7500 2 роки тому +1

    You are an excellent teacher :) Thank you

  • @faus585
    @faus585 3 роки тому

    Thank you so much for these videos!

  • @raimanchannel3376
    @raimanchannel3376 2 роки тому

    It's a very informative lesson!!! Thanks

  • @Anita028
    @Anita028 3 роки тому

    this is looking incredible... there's a really easy game to make with this tiles that is awesome, I highly highly recommend to take a look to snes Equinox, it's a puzzle dungeon with some action elements but the game is all about to find tokens inside of isometric dungeons.

  • @kopoflakes6009
    @kopoflakes6009 3 роки тому +1

    Really cool and useful!

  • @ryanzullo7169
    @ryanzullo7169 3 роки тому

    This is so coool, thanks!

  • @abdulkadirdursun6072
    @abdulkadirdursun6072 3 роки тому

    Another great video. Thank you.

  • @RichardDaskas
    @RichardDaskas 3 роки тому

    Incredible work!

  • @aceoptixx
    @aceoptixx 2 роки тому

    Thanks for this amazing tutorial

  • @HawkranGeneral
    @HawkranGeneral 2 роки тому +2

    Make sure Sprite-Lit-Default is the material being used for your Tilemap Renderer component

  • @t3ssel8r
    @t3ssel8r 3 роки тому +3

    very cool process. bit scary how unintuitive some of the 2D tools are, but your explanations were clear, the results look great, and the lighting/shadow system works a lot better than I would have expected.

    • @AdamCYounis
      @AdamCYounis  3 роки тому +2

      The 2D tools are definitely a minefield right now. I was pulling my hair out for 5 hours last monday on stream trying to figure out the right cocktail of settings to get this going. It's got a lot of potential, but the fact that it's such a closed system makes me feel like there's not much room for extensibility on our end. I'd love to have the shadows respect the tile z-axis, for example, but I think that'd require me to roll my own solution rather than expect to mod the shadow caster.

  • @Slu2112
    @Slu2112 3 роки тому

    im making a game like what u showed at the end, thanks alot for this videos they keepme going

  • @rohitpardhi3924
    @rohitpardhi3924 2 роки тому

    It's very helpful, thank you.

  • @Rhouser
    @Rhouser 3 роки тому

    This is incredible!

  • @marc13bautista
    @marc13bautista 3 роки тому

    This looks cool as hell!

  • @jjhu7916
    @jjhu7916 2 роки тому

    this is wonderful

  • @vanilla10110
    @vanilla10110 2 роки тому

    very nice video, was worth a sub.

  • @alex_tahiti
    @alex_tahiti 3 місяці тому

    very inspiring, thx!

  • @gsczo
    @gsczo 3 роки тому

    An isometric game like Bastion is veeeeery good, one of my favorite games.

  • @CatDribble
    @CatDribble 2 роки тому

    this was very good

  • @lucasborges6447
    @lucasborges6447 2 роки тому

    this guy is lovely thanks for exist!

  • @Gmaaa
    @Gmaaa Рік тому

    Best Tutorial 3d pixel

  • @-_-sneezy
    @-_-sneezy 4 місяці тому

    the music @ 13:40 is 🔥

  • @zaidmermam2524
    @zaidmermam2524 3 роки тому +2

    You are a fricking legend !!!!!!

  • @brandonjacksoon
    @brandonjacksoon 3 роки тому +1

    Thanks! Interesting.

  • @SesselPupserBoy
    @SesselPupserBoy 3 роки тому

    This is awsome!

  • @alecsciandra705
    @alecsciandra705 3 роки тому

    just found this channel. I love u

  • @glasslotusgames
    @glasslotusgames 3 роки тому

    This is awesome thank you

  • @EsquisseBeats
    @EsquisseBeats 3 роки тому

    So cool, thank you !!

  • @durrium
    @durrium 3 роки тому

    Wow!! Great vid!!!

  • @ohdahhoart
    @ohdahhoart 2 роки тому +5

    Nice video! I have a question; how do you apply that normal map to more complex objects like pixel art trees, bushes, characters, etc? Or it just applies to the tiles?
    Have a nice day! :3

  • @gatopehuen8935
    @gatopehuen8935 Рік тому

    Freakin Amazing!

  • @gnipaheler
    @gnipaheler 10 місяців тому

    absolute legend

  • @Illusionaire1
    @Illusionaire1 3 роки тому

    I would love to see this kind of technology taken to a more "fitting" aesthetic. Like the lights having only 4-5 shades and dithering. I always find jarring the "ultra smooth gradients" of lighting above the 2-3 color sprite/tilework.

  • @abueloaltieri2694
    @abueloaltieri2694 3 роки тому

    Wow thanks for that im loving Unity before i try it but i will

  • @pantsurevolution
    @pantsurevolution Рік тому +25

    Fun fact: secondary texture in sprite editor must be named EXACTLY "_NormalMap", or light will not detect it.

    • @tobario
      @tobario 4 місяці тому

      Just another Unity Quirk

    • @valsk01
      @valsk01 4 місяці тому

      @@tobario make your own engine in c than. I do it and im 16 (not even that hard)

    • @tobario
      @tobario 4 місяці тому

      @@valsk01 cool story bro.

    • @valsk01
      @valsk01 4 місяці тому

      @@tobario ?

    • @-_-sneezy
      @-_-sneezy 4 місяці тому

      This literally just happened to me and I was stumped. THANK YOU 🙏🏻

  • @GeorgeKarala
    @GeorgeKarala 2 роки тому

    This Guy Is Pixelart GEM

  • @bigjamar
    @bigjamar 3 роки тому

    excelente..!!..muchas gracias..!!

  • @Aviiven
    @Aviiven 3 роки тому

    awesome, only thing missing is normal maps on those tiles so they would pop out more with the lighting.

  • @chase.lemons
    @chase.lemons 3 роки тому

    How did you get into game development? Is it something you went to school for or just picked up and learned on the go? Love watching your work and I’ve learned a lot in the past week.

  • @blades575
    @blades575 3 роки тому +2

    Neat. Any info on how it works to transition players between the tile map
    Z height?

  • @alexanderyozzo
    @alexanderyozzo 9 місяців тому

    Wow thanks.

  • @mayo8555
    @mayo8555 2 роки тому

    I looking for that URP in my package manager the whole time but i keep searching on the wrong name "Lightweight" then after I watch your video! OMG ! Thanks you so much !

  • @0xtutorials
    @0xtutorials 3 роки тому

    Looks good man +like

  • @geshtu1760
    @geshtu1760 2 роки тому +1

    I had a lot of trouble getting shadow occluders working with Unity's URP and using a composite tilemap collider. I couldn't really see evidence of shadow occlusion in your example either. Did you happen to implement that and get it working? I'd be very interested to know if this is possible to do in Unity. Those shadows look really nice btw.