Gradient Background in Unity

Поділитися
Вставка
  • Опубліковано 31 січ 2025

КОМЕНТАРІ • 59

  • @DanPos
    @DanPos 3 роки тому +33

    Very interesting! I'm blown away by how smooth it came out for such a small image

  • @qqq9542
    @qqq9542 3 роки тому +62

    Wow, the falling leaves and wind effects are really awesome. Do you already have a tutorial on that?

    • @KennyCmd
      @KennyCmd 3 роки тому +20

      It is a particle effect from an asset called Epic Toon Fx. I really like it too.

    • @Nomorectrax
      @Nomorectrax Рік тому +2

      @@KennyCmd thanks

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

    Best and quickest dev in the west🔥

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

    Oh sh*t man! Your channel popped up in my feed and I have checked out the quality and it thoroughly deserves my subscription! BOOM!

  • @_g_r_m_
    @_g_r_m_ 3 роки тому +7

    Oh that's a great trick, time to replace all my gradients with that

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

    That is slick as hell!

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

    LMAO i love hacky solutions, well done

  • @josephwoodrell9922
    @josephwoodrell9922 3 роки тому +9

    another option would be shadergraph then it could be dynamic both in color, but in gradient anchor locations

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

    I didn't know it was so simple!!!
    thanks for making this video Taro now i can make my game look better

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

    Not sure what I just watched but it looks neat

  • @dusklightcreations3951
    @dusklightcreations3951 3 роки тому +8

    With such great content I bet you will get more DOPAMINE soon Tarodev 😇BTW love your videos..

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

    Insane 5head move, love it! xD

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

    Very cool! Thank you!

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

    This is the best channel on Unity with actual great tips!

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

    This was helpful. Thank you!

  • @FlyingKoi
    @FlyingKoi 11 днів тому

    That's genius

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

    Fantastic!

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

    I think your channel is gonna blow up soon 👌

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

    Nice trick thanks ! I'm very curious about how this works so well with a so small image !

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

      Taro explained that it's the bilinear interpolation

    • @MidasButSilver
      @MidasButSilver 2 роки тому +7

      In short: The Image has such a small resolution, but in Unity he set it to a very high resolution in the scene. Now Unity recognizes that and wants to add in more pixels between each pixel of the image, but since the difference is so high, it has to add quite a lot of pixels. So it does that, but because Bilinear Interpolation is enabled too, it also tries to smooth out the difference between the pixels (which is generally what a gradient does) and creates the smooth nice image you see in the end.
      So in a way, he 'tricked' Unity into creating a much larger variant of his gradient for him.

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

    thank you !

  • @Sylencia
    @Sylencia 3 роки тому +17

    It's bi-linear, not bili-near haha

    • @Tarodev
      @Tarodev  3 роки тому +9

      As I said that word, I thought to myself "I bet I said that wrong". Haha

    • @Vastlee
      @Vastlee 3 роки тому +4

      I heard Bill Near. =]

    • @Tarodev
      @Tarodev  3 роки тому +12

      @@Vastlee Bill is always somewhere close by

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

    Any reason why not to use powers of 2?

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

    Hi, great video. I wanted to ask what kind of font is in the video preview image? It looks interesting

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

      It's called 'you blockman'

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

      Found it but I think you meant "you blockhead"

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

      @@nexoDev44 I did :)

  • @KuroInu-t6s
    @KuroInu-t6s Рік тому +1

    I want to know it will make game use more performance or not because I think it will take CPU to calculate this right?

  • @swankzilla
    @swankzilla 11 місяців тому

    This doesn't seem to work in Unity 2021.. I get banding regardless of Bilinear setting

  • @TasFirinErkegi
    @TasFirinErkegi 11 місяців тому

    whats the point of making the gradient pixaleted in the first place?

  • @IndieGamesWTF
    @IndieGamesWTF Місяць тому

    sadly this is no longer working with recent versions of unity (tested on unity 6 and the bending is definitely visible :/)

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

    Have u found any way to remove texture banding from any sprites or image completely and will look like as created from other software?
    Tried every compression method. Unity still keeps banding on texture.

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

      i dont think you can fix banding, try enabling hdr on your camera and adding post processing grain should help it

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

      @@samochreno tried built in render pipeline. It shows images correctly in built in render pipeline with no banding as I created. My source image didn't has any banding. But in URP the same image looks like it has banding. there is no doubt built in render pipeline has a better shader quality and render option.

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

    Nice effect - but how do you make it appear _behind_ all of the 3D objects in the scene, like in your DOTween video?
    EDIT: sorry, stupid question, I see now that it's basically a sprite in world space, and there's a gap between camera and the sprite.

    • @Tarodev
      @Tarodev  3 роки тому +9

      Nope, that's not it! It's a UI canvas set to camera space. Then you set its distance to 100 or so.
      Using this method let's you always keep its bounds perfectly aligned to the screen edge. Where as a sprite in world space would be difficult to do so

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

    If we're making a portrait game, do we need to set the canvas to portrait in PS?

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

    What are the fonts used in the thumbnail?

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

    Jo man I'm having a problem where I programmed a level editor where you can stitch sprites together... Thing is, they all have a gradient and should fit together seamlessly...
    Is there some kind of shader that would do that for me? Like in a way that these sprites kind of work like masks for the same big gradient across the screen?

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

    Interesting. Can somebody explain how the pixelated image became so smooth once it's in Unity? And was the purpose to reduce file size?

    • @Tarodev
      @Tarodev  3 роки тому +14

      It's the bilinear interpolation! Try changing the filter modes to see the results

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

    Whaaaaat! xD

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

    So that is how Fortnite did they background

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

    "Billnear"

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

      Yeah 😢

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

      @@Tarodev It's okay, happens to everyone :) I used to say "Kepchut"

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

    bro how to make this beautiful BG plz post the tutorial

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

    Is it still cool to say first?

    • @Tarodev
      @Tarodev  3 роки тому +8

      Only if you're first, which you were not! 😂

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

    huh

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

    too fast

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

    bad