Breath of the Wild Shrine Elevator VFX with VFX Graph and Shader Graph

I’ve been tempted to use VFX Graph for a long time now, and when I decided of my next VFX to make, I decided to only use VFX Graph instead of particle systems.

Original:

Here is the result!

Breakdown


The Bars

The bars have two major effects, both are related to the normal of the cylinder mesh it’s on. First, the centre is slightly faded out. This makes the character inside more visible and the bars feel less like a prison cell and more like energy bars or lasers. Second, the outer edges are faded out. This avoids having too many bars overlapping each other on the edges which would result in a bulk of colour instead of clearly defined bars.

The Smoke

The smoke cloud pattern was one of the trickiest effect to find how to do. Not unlike the bars, it fades out slightly in the centre for the same reason. However, because the outer edges are not faded out, it gives a subtle but very satisfying illusion of wrapping around the bars, as if the tube was bigger, even though it’s the exact same mesh and scale.

The pattern is the result of the subtraction of a single noise texture to itself but with a small offset in the black/white edge, using two smoothstep nodes with slightly different parameters.

The Particles

The dust and “upward raindrops“ are a single VFX graph.

As you can see, the raindrops are actually tall quads. The trick for their animation resides in their shader graph.

The shader graph is given the scaled (0-1) age of the particle by the VFX graph. It combines that with the Y value of the UV to animate a reveal of the texture from bottom to top.