2D Hologram Shader Graph Unity 2019.3 - Tutorial

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 ก.ย. 2024
  • Learn how to create 2D Hologram Shader using Shader Graph in Unity 2019.3 which uses on Universal Rendering Pipeline.
    You will also learn how to create the hologram texture in Photoshop.
    In addition how to setup post-processing and adding bloom with the new integrated post-processing.
    Background music:
    Embrace by Sappheiros @sappheirosmusic
    Music provided by Free Music for Vlogs • (Free Music for Vlogs)...
    Get our first game for 50% discount during Steam winter sales:
    store.steampow...
    Download project files (Patrons Only)
    / project-files-ik-32776585
    Subscribe in our channel to get notification about our next video:
    / @binarylunar
    Follow us on Twitter:
    / binarylunar
    Follow us on Facebook:
    / binary-lunar-102590804...
    Support us on Patreon and get full access to our projects:
    / binarylunar
    Check our Assets: assetstore.uni...
    The Ultimate 2D & 3D Shader Graph Course: tinyurl.com/3b...

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

  • @jeck0_0.
    @jeck0_0. 4 ปีที่แล้ว +12

    6:24 that was kind of an important step, why didn't u even mention it? (setting the texture wrap mode to repeat)

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

      i've struggled with that part too, idk why he didn't say anything about it

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

      Thanks so much for pointing that out. That's what I was missing. It's very easy to miss as well because the video goes pretty quickly.

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

      Tks so muchhhhhh

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

    For more recent shader graphs, after you multiply the alpha send the alpha to the alpha fragment.

  • @cloudfox1908
    @cloudfox1908 4 ปีที่แล้ว +6

    This is a beautiful shader, thanks for making this video! To anyone who couldn't make the hologram texture like myself, I just stole one from a Brackeys tutorial: github.com/Brackeys/Shader-Graph-Tutorials/blob/master/Shader%20Graph/Assets/Textures/HologramLines_Cool.psd.

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

    Tried to follow but you're going too fast with photoshop, i'm lost

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

    For me it was quite disorienting that in the video the steps are first done and then explained. It'd be easier if you explained what you're going to do and then show it, rather than the other way around. I found myself having to pause and go back quite often.

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

    So I'm trying to follow along, but I'm having a problem with the combine step at 5:55. When I combine the multiply with the RGB channels of my sample sprite, the holo effect from my photoshop pattern is not seen on the combine segment. The combine and the resulting preview look like no alpha channel was applied at all. Yet, it shows up properly in the multiply stage...I also seem to have a weird glitchy pattern behind my PNG in the Sample Texture 2D for my main sprite, instead of a black background. I suspect this might be part of the reason why the alpha is not rendering correctly, but I don't know how to fix it.
    Why might this be and what can I try to fix the sprite?

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

      Hey, were you able to fix this issue?

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

      @@Abiodapro Unfortunately not

    • @Abiodapro
      @Abiodapro 8 หลายเดือนก่อน +2

      @@NickCharles Oh really?! I just found the solution!!! Instead of using the Combine node, I had to just drag the holo output to the final alpha input and drag the image directly to the base color input

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

      @@Abiodapro Cool, thanks!

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

    🌎 Let us know what you think about this video, also feel free to chat with us on our Discord server :discord.com/invite/b6bXKSV
    ❤ Support us on Patreon www.patreon.com/BinaryLunar and gain access to all our tutorials projects.
    🎮 Play our games on itch: binarylunar.itch.io/
    📦 Check our Assets on Unity Assets Store: assetstore.unity.com/publishers/47136

  • @laniakeadev.2271
    @laniakeadev.2271 4 ปีที่แล้ว +1

    Thank you a lot!
    I tried to do "the ghost" shader in my game, but got wrong

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

    Thank you for this. Very helpful and useful!!

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

    Brilliant! Just what I need for the character screen in Space Chef. Thank you! :)

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

    Nice effect, how can i control the radius of the glow? can the color of the sprite affect the glow (sprites with lighter color are more intense and darker colors less intense)?

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

      you can control the radius of glow by adjusting the HDR color intensity , yes the color of sprite will effect the glow since the final color will be mixture between the glow color and sprite color, so yes brighter sprites will have more intensity .

  • @DRT-81
    @DRT-81 2 ปีที่แล้ว

    When i add material to my sprite it becomes a black box with a clipped top left corner like a text script , any advice ? "Plug into ALPHA" not color , my hero looks more like a ghost than a hologram lines really dont show .

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

    Is it possible to apply a shader in the same way to a 2d character, but which is not in a static position but moves with animations? (pre-animated in spine) or in any way at all

  • @jmas2593
    @jmas2593 3 ปีที่แล้ว

    i cant use shader graph cuz it messes up all my materials and turns them pink

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

    the time node is not working for me for some weird reason, if I set it to other options its moving, but the default is not moving at all... any help?

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

      Make sure that the texture you import has its wrap mode set to repeat in unity. That solved it for me.

    • @jeck0_0.
      @jeck0_0. 4 ปีที่แล้ว +1

      @@perfectpiggames4533 yeah he changed it without saying anything...

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

      ​@@perfectpiggames4533 Thank you! That solved my problem.

  • @sidaodograu2950
    @sidaodograu2950 4 ปีที่แล้ว

    Really awsome! I'll put this effect on my game, i was looking for something like this, thanks!
    Keep going, your tutorials are very good!

  • @pankhanafis818
    @pankhanafis818 4 ปีที่แล้ว

    Great job dude!...cool video....cooler music....:V....subscribed

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

      welcome aboard, enjoy your stay 😊

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

      @@BinaryLunar I did everything u showed here,but i am facing some problems....
      1. In the node where u multiplied the tiling and offset with the direction value for the texture scrolling effect,my texture starts scrolling diagonally.I fixed it by passing the time value in a separate vector2 where the value of x is set to zero.Why is it different in my case?
      2. The hologram texture doesn't cover the mainTexture entirely.That is,it doesn't stretch properly.It doesn't even repeat properly.There's a big gap after it finishes scrolling once.
      3. I followed all the setting up process at the beginning and at the end,but my sprites simply won't bloom.Anything I should've done before this video?

    • @BinaryLunar
      @BinaryLunar  4 ปีที่แล้ว

      @@pankhanafis818 you created the render pipeline ? and set the HDR on ?

    • @pankhanafis818
      @pankhanafis818 4 ปีที่แล้ว

      @@BinaryLunar Yeah...I double checked it.....:/

  • @marcolozano1348
    @marcolozano1348 4 ปีที่แล้ว

    Would it be possible to get this texture from you? Can't repeat the exact same steps due to my version of photoshop :(. Cool video. I have already subscribed!

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

      Sure our friend, write use on this e-mail binarlunar@gmail.com, also remember you can download our full projects if you support us on Patreon.

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

      @@BinaryLunar gmail says that, this email doesnt exist XD.

    • @BinaryLunar
      @BinaryLunar  4 ปีที่แล้ว

      @@marcolozano1348 binarylunar@gmail.com sorry we missed the y

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

      @@BinaryLunar No problem!! I sent you the email!! Will you be making a post processing tutorial soon?

    • @WESTnekit
      @WESTnekit 3 ปีที่แล้ว

      @@BinaryLunar Still possible to get only shader?))

  • @AsifShah-zc9bs
    @AsifShah-zc9bs ปีที่แล้ว

    So if I make one, can I use this in my 3d game.. It should be floating.