Create nice tiles easily - with a tilemap overlay shader!

Поділитися
Вставка
  • Опубліковано 23 лис 2024

КОМЕНТАРІ • 52

  • @secretsofshadowsgame
    @secretsofshadowsgame 17 годин тому +12

    Ah very nice, I followed your last tutorial and it sped up the drawing process a lot, but then I ran into the problem of textures looking repetitive like you said. Thanks for making these!

  • @OnDemandMoth
    @OnDemandMoth 21 годину тому +17

    I adore the visuals. Very excited to see this evolve into a complete work.

  • @danieldavis2017
    @danieldavis2017 15 годин тому +20

    Once again, I think this might be one of the best game dev tutorials out there. It's straight to the point, easy to follow, and includes examples. Seeing this I also now think this is probably how the Oxygen Not Included devs did their tiles.

  • @TheRealLizardKing
    @TheRealLizardKing 14 годин тому +1

    What a simple elegant solution and great looking tiles as a result! Great job!

  • @beidero
    @beidero 18 годин тому +3

    This is really neat, I made a tilemap shader myself a couple of years ago. I recall it was kind of a pain to get the shader to apply across all the tiles instead of to each individual tile.

  • @jojoGameDev
    @jojoGameDev 8 годин тому +1

    amazing video!

  • @karidyas00
    @karidyas00 14 годин тому

    Hell yeah we love shaders. Amazing how much breaking away from square flat tiles livens things up!

  • @Kunfury
    @Kunfury 15 годин тому

    You are incredible!
    I've spent this past week trying to figure out how to do exactly this and you explained it perfectly! Especially handling multiple tile types on a single layer, thank you so much for this video

  • @lyingpancake95
    @lyingpancake95 13 годин тому

    Woah. Such a small change can hugely increase visual interest. Excellent idea and explanation!

  • @The_Hambone_88
    @The_Hambone_88 12 годин тому

    Very neat, the grass looks amazing, I love the color palette!

  • @BrunoMeM
    @BrunoMeM 17 годин тому

    Such a simple thing that makes it look so much better! Keep up with the good work, I can't wait for the release :)

  • @cheesymcnuggets
    @cheesymcnuggets 7 годин тому

    Wow i didnt even know this was an option, im 100% going through the effort of learning shaders once i have a game in late development

  • @jackthehacker05
    @jackthehacker05 17 годин тому

    what a fantastic execution

  • @jesse2535
    @jesse2535 13 годин тому

    ur game looks absolutely charming!

  • @lythd
    @lythd 14 годин тому

    woah this is quite smart i might do something similar for my game! always a pleasure to see ur videos keep it up!

  • @JonasJensenAudio
    @JonasJensenAudio 20 годин тому

    I was thinking about this yesterday, and then you post about it today! :D

  • @viceskyre
    @viceskyre 21 годину тому

    I love what you're doing. Keep up the amazing work!

  • @TechnicJelle
    @TechnicJelle 8 годин тому

    Excellent! This is very useful!

  • @psyneur9182
    @psyneur9182 18 годин тому

    This game is so beautiful

  • @HopperGameDevelopment-x4r
    @HopperGameDevelopment-x4r 21 годину тому +6

    I didn't hesitate to click on this video. Your use of shaders are very creative.

  • @XoriniteWisp
    @XoriniteWisp 20 годин тому

    New jess:codes video! I needed this today, game dev feels overbearing lately.

  • @AmosRibeiro-rc7je
    @AmosRibeiro-rc7je 13 годин тому

    Thanks for the content, continue doing it pls we need more and moreee hehe

  • @marlonmarcello
    @marlonmarcello 5 годин тому

    Love your videos Jess! You should stream while you code 😊

  • @aqua-bery
    @aqua-bery 11 годин тому

    This is some awesome stuff

  • @nsjaime
    @nsjaime 19 годин тому

    Really cool video ✨

  • @maxkratt
    @maxkratt 15 годин тому

    Thank you for sharing! :D

  • @aliengeo
    @aliengeo 2 години тому

    My first thought was that if you had two masks, you might be able to create some interesting effects! And then the video immediately showed a version of the shader with two masks haha

  • @kamm3021
    @kamm3021 20 годин тому +1

    *Let's goooo*
    Awesome grass thanks for sharing
    Welcome back

  • @jorgeaugusto30
    @jorgeaugusto30 13 годин тому

    thanks for this!

  • @Negreb25
    @Negreb25 21 годину тому +6

    W video ❤

  • @RossGosling
    @RossGosling 19 годин тому

    This is a great demonstration, a familiarity with masks is so valuable

  • @lucasbird6367
    @lucasbird6367 20 годин тому

    Awesome!

  • @adamfresko5731
    @adamfresko5731 19 годин тому

    Wonder what made you change your tilestyle, you had such gorgeous one for the water shader video

  • @luquest1848
    @luquest1848 21 годину тому +1

    Great job!

  • @senjos
    @senjos 18 годин тому

    WOW!!! Question: What if I would like to use the color 255,0,255 how do you tell the shader that color? I'm all new ;)

  • @ritamtalukdar6079
    @ritamtalukdar6079 19 годин тому

    broo ur brain really brained on this one. gg.

  • @Crux_Riajuu
    @Crux_Riajuu 18 годин тому

    Do you know how to make an online multiplayer code? I haven’t seemed to come across anything for godot that makes this work with people who create their own characters. I want to do something similar to Castle Crashers or Shredders Revenge to have either couch co-op or online multiplayer or both (split screen and online multiplayer)

  • @phantomabid
    @phantomabid 20 годин тому

    WOW!

  • @thijsboeren
    @thijsboeren 18 годин тому

    I just wanted to boost the algorithm 😊

  • @Slavsy
    @Slavsy 15 годин тому

    I want to get into game development but this is all so daunting. I feel like if only I had taken more interest as a kid I would be able to do this now. You made this video very easy to understand yet I don't think I would have ever figured this out on my own.
    The pixel art in your game looks beautiful by the way.
    How do you recommend I start this sort of stuff ? Theres so much to learn I dont even know where to begin

  • @licriss
    @licriss 7 годин тому

    Subbed because close up cat meme

  • @segue2ant395
    @segue2ant395 18 годин тому +2

    Neat little tutorial. Your last one forced me to completely rethink how I draw tiled environments - I've used wang/bitwise/marching tiles in basically every project I made in the last 10 years, and never came across your tiling method before. So much more dynamic, and flexible - and easier to create programmatically. I'm working today on my scripting engine for procgenning 3D environments using that method almost exclusively :)
    Also love your lil animations, they're so cute

  • @loxtir
    @loxtir 19 годин тому

    Love it! Thanks for sharing

  • @Chillchainsaw
    @Chillchainsaw 20 годин тому

    Why hello there

  • @CloverJump
    @CloverJump 21 годину тому

    It looks great! So excited to try this in my game!

  • @ballchen4768
    @ballchen4768 21 годину тому

    Amazing! Thanks for sharing. Will definitely yoink this at some point :)

  • @1ucasvb
    @1ucasvb 21 годину тому +1

    Simple trick with a huge payoff. Looks great!

  • @jackmartin2402
    @jackmartin2402 20 годин тому

    I would love to see more shader videos, your use of them is so amazing!

  • @bilel114
    @bilel114 20 годин тому

    I have been wanting to dip my toes in shaders for a while, this makes it seem less daunting.
    Thank you for sharing your code in both Godot and Unity.

  • @holleey
    @holleey 19 годин тому

    I was one of those people, thanks again for helping me figure this out back then :)
    I've also ended up putting the shader on individual tiles via the TileSet tab rather than on the level of the TileMapLayer node as a whole.
    for some reason the floor(COLOR.r) line does not work out for me though.
    even though I made super sure to save the mask as fully red (or green in my case), Godot still floors the value to 0.
    which is why I am using step(0.99, COLOR.g) instead.
    and that still wasn't enough, as for some reason COLOR.g was fully set for some transparent pixels, even though I made sure the transparent pixels are 0,0,0,0 (using Aseprite, saving as PNG).
    so I needed to do an extra multiplication with alpha: step(0.99, COLOR.g) * COLOR.a
    I suspect both of those issues are down to artifacts of PNG compression or something.

  • @BahaSkaz
    @BahaSkaz 16 годин тому

    This game is so beautiful