Unity Shader Graph VFX - Bubble Shield (Tutorial)

[@TheVonWeasel]

This is one of the best shader tutorials I've ever seen. Clear and the inclusion of the "mistakes" as an iterative process was very helpful for exploring the problem solving aspect of developing your own shaders. Bravo

[@gregkornev2319]

The best tutorial of the decade. Not only the final effect but going step by step! Each step can be used as a separate cool shader. And I learned more useful nodes here than ever before.

[@sebastianking657]

I've been using Unity 2021.3.8f1 and I was following this tutorial, for some reason the zoom effect only works when the position that's tied to the sphere mask is set to object space instead of world, but I'm not entirely sure why that is, it didn't seem to affect anything going forward but I thought I would mention it. Great video! This was very helpful in helping me understand how shader effects can be used in tandem with code :) EDIT: I also had to change the vertex displacement shader so that the sphere mask was tied to the object space position, like the zoom effect, and multiplied that with the world space normal vector. I also also had to do the same thing for the dissolve, and I didn't have to do any funky math with the dissolve start height, which remained at 0, so that part was omitted. I also very much appreciate how each piece of the shader is made into its own graph with their own materials so that we can see how each piece looks, that is golden

[@vitaliySobakinson]

Thanks)

[@김치만-l5z]

Thanks!

[@mak_attakks]

Thanks for separating the tutorial into independent chapters! Excellent work!

[@WhiteWolfIron]

Thanks, cool effect and very good tutorial. I like the idea of split every element into separate shader to demonstrate effect.

[@explosivo3065]

FOR ANYONE USING HDRP on the TWIRL DISTORTION 1:00 Create a NODE called "Exposure" put it under "Scene Color and "Multiply" "Scene Color" and "Exposure" Then the NODE "Multiply" put it on the "Base Color" as you would normally

[@alppih]

Brilliant stuff, thank you for this. Democratization of information is one of the greatest virtues. One thing to note here though: line 20 of the projectile script: transform.position += delta; should be after everything else, otherwise the projectile will go blindly forward without checking anything about the collision first! This will lead in the projectile occasionally going through the shield/whatever is being hit. Cheers and have a good day!

[@ABitOfGameDev]

Thank you, you are correct it should be at the bottom, I will correct the git version!

[@nameno7032]

Dude, dont stop the series

[@ABitOfGameDev]

I have been very busy this past year, and still am, but i plan to resume uploading shortly :D

[@nameno7032]

@@ABitOfGameDev Great!!! Glad to find out your channel, easily best real-time vfx tutorial out there.

[@albertgarcia3048]

Holy shit shader. Been trying to achieve something like this for some time. I always struggled on the "hit and react" part. You also added distortion and zoom. Just take my like and subscribe and make another video, please hahaha

[@ABitOfGameDev]

haha thank you for the subscribe, Im planning on making a video every two weeks or so, depending on the free time and the complexity of the video.

[@ruoroyd.9225]

这几天把每个shader仔细学习了一遍，真的学到了很多东西。这就是智慧啊。非常感谢！

[@ABitOfGameDev]

With the knowledge of google translate haha Thank you!

[@VFORVICTORY1000]

so much helpful with the zoom out screen ,can see whats going on

[@tnt345i7]

2:00 there is a camera direction node in shader graph, few tweaks could be done so that script is not needed

[@OllegN]

Looks awesome, thanks for sharing

[@흰늑대-y3q]

Awesome, thanks a lot for sharing!

[@sagrgywejhxcvx]

NICE. looks awesome

[@ruoroyd.9225]

thank you！非常感谢，受益良多！

[@SebastianGraves]

Amazing. Cheers!

[@hagwe]

what is error "use of potentially uninitialized variable (AdditionalLightRealtimeShadow) Shadows.hsl:325"? I just created a shader. Added noise and colored it. It seems nothing complicated, but this error appeared.

[@kingbling7571]

Ayy finally!

[@CloudyNebula]

This was an incredible tutorial, although the video was extremely fast for every step. Of course I could just keep pausing, but damn. I would suggest you slow down a little bit every time you type, create or add some new component. Other than that, thanks a lot for this video.

[@Awlorein]

Are you trying to speedrun it or what?

[@branidev]

Yesterday I added shields to my top down game , Hah this video would be great if I making 3D space game.

[@ABitOfGameDev]

Could also be used for a fantasy game it does have some magical flare :D

[@EnchikO]

WOW. Will you make tutorial for those bullets (hit particle effect)

[@LollyPoppi]

Hey, why not using shader to make the effect facing the camera? Shoulmd be more smooth, and efficient.

[@henriqueam]

Hello everyone! After I set my material to transparent, my sphere does not look transparent in the game, It still looks gray. I'm using URP by the way. Any ideas on what could it be?

[@lananhphamo3893]

You can try this: Project => Find: URP-High Fidelity (Universal Render Pipeline Asset) Turn on: Opaque Texture Depth Texture

[@asawii]

Looks Awesome !!

[@MarcelRuland]

I love the tutorial but I have to say the background music is really distracting. Makes it difficult to concentrate. Other than that, really well done!

[@DiciWales]

agree either lower the background music alot or get rid of it completely, Great tutorial otherwise!

[@ABitOfGameDev]

I ill tweek it for the next time. Thanks for the feedback. Lower it, than maybe slightly increase it for the silent parts?

[@DiciWales]

@@ABitOfGameDev I don't think increase it in silent parts as it will be distracting tbh, really enjoying your videos and tutorials tho so keep up the good work! How long have you been using unity for ? Your really good!

[@MarcelRuland]

@@ABitOfGameDev personally I would remove it entirely or keep it very quiet, even during the silent parts. It distracts me, but it's also just personal preference.

[@ABitOfGameDev]

@@DiciWalesThanks then just lowring it may be enough (easier for edditing too) About 5y now, and I still find out about basic stuff I had no idea about hah

[@Rzyrito]

If I wanted to make this a trigger when a player walks through something how would I type this line of code in? So I wanna make it when a player steps on a tile the shield forms around that area they stepped on. Please help

[@yusufkoraycan4607]

Thanks!

[@leandrogatti5328]

I followed the tutorial in every step but for some reason the Twirl effect is not working correctly with the UV. Where the UV has the edge, the Twirl effect ends in that edge, making the line of the UV visible and not smoothly mixing with the other side. Any idea on how to fix this?

[@배노혁]

Did you make your UVmap correctly? The reason you see that line (seam) is because you created a sphere and used the default UVmap. Re-creating the UVmap as described in the video will probably fix the issue.

[@andaccoban663]

Can we apply this shader to the flat surfaces such as one surface of the triangle?

[@Revilum]

First of all, thank you for this awesome tutorial. However, I have a problem when setting the shader from transparent to opaque surface mode, as it starts to render over itself. I would describe it as an infinite mirror effect, just like when twitch streamers pull their recording software onto the screen. Any idea how to fix this?

[@StaviKay]

Is there any way you could use this with a URP Renderer 2D instead of Forward Renderer?

[@nexgen.graphics]

0:46 is it always this complex? aren't there any easy ways to achieve it?

[@moonbyte.studio]

Hi... im really new to Shader graph, is there anyway that i can convert this to a 2d shader ?? what changes do i have to make on the current shader?

[@ABitOfGameDev]

Yes there is, but quite a few changes. You could just use this 3D sphere in 2D ortographic and call it a day but for true 2D you only need a Plane, a circle mask texture, outline circle texture, and the same disolve tehnique i used here. I hope that makes sense

[@moonbyte.studio]

@@ABitOfGameDev Thank you for replying, I did put the 3d sphere in 2d orthographic view it works but the object/character inside the sphere is always really white. I have to look into the true 2D method that you have said, haven't quite got it but i will figure something out. once again thanks for replying have subbed 🙌

[@ABitOfGameDev]

@@moonbyte.studio Np glad to help if I can! Thanks for the sub!

[@shafinsikder]

great

[@leerc7721]

I followed the tutorial but my shader does not look anything like yours. The whole sphere is blue and the dissolve does not go from bottom to top. It dissolves the whole sphere evenly. I then imported in your shader and it was the same as mine so I didn't make any mistakes. Is there some setting I need to change that you haven't shown in the video perhaps?

[@TavoDev]

same right here, idk where's the mistake. I'm using Unity 2022.3.16.

[@kerbalette156]

Amaze

[@dnddkqja0987]

In 2021.3.15f version Unity, the zoom shader and vertex displacement shader do not work. Distortion and presnal shaders work. do you have a solution?

[@soukameno957]

did foind an answer ? im struggling with the same problem the material does not appear everything is transparent

[@AznProfet]

I have an issue where I put the material on the obj, but in scene view and game view it doesnt appear. I'm using shader graph 8.2 and Unity engine 2020.1. I followed the step correctly but it didnt show, is there a way I can fix this?

[@ABitOfGameDev]

Im not sure at what step did you encounter the problem? Anyway in such cases its usualy some settings in unity, check the Render Pipeline Asset settings and make sure you have the depth and opaque texture checked. If its not that please post a time stamp where you encountered the issue

[@rrrrrrredpineapple6958]

Try increasing DistortionStrenght to 3000.

[@neinxxl1440]

Cool

[@XboxPlayerPL]

Does it work with character meshes as well?

[@ABitOfGameDev]

I believe it will :D

[@isabeltiange7505]

I came across your Bubble Shield video on KZbin recently and it was gorgeous! Thank you for creating such great content. Most of the steps worked for me (I'm using Unity 2020.3.2f1), but I'm encountering a problem where the Position Gradient and Smoothstep for the Dissolve effect didn't seem to work, so instead of the dissolve going from top to bottom, it still seems to be applied to the entire sphere. The material preview seems to be right, but in the scene, the dissolve is covering the whole sphere regardless - plus it also seems to be affected by the subdivisions of the sphere. Would you be happy to give me some pointers about what could have been wrong? Thank you so much for your kind help!

[@me_owe_ski]

I like to imagine that I don't understand what's happening and its one of those "every programming tutorial ever" videos. 1st: create a text file 2nd: paste this 1000050000 lines of code 3rd: .... 4th: profit lol

[@bullett5589]

Nice video, can you show us how to set an enemy that is firing to this shield

[@ABitOfGameDev]

Im just instancing projectiles from random points, the only thing interesting is at the end of the clip, the projectile script. Other than that everything else is pretty standard.

[@valerypopov4041]

Thanks!