1000 Forms of Bunnies victor's tech art blog.

Water Shader Exploration - Part 1

Final work w/ transparency and faint tint.

First try of making a water effect in Unity.


One of my current VR projects needs a nice and light water shader. I have been working on it for a while and keep iterating the the overall effect. Here is the water effect I have achieved so far, however it’s still far away from perfect simulation:

Final work w/o transparency.

Water effect has been always a complicated topic in shading especially for runtime scenario. As the most usual material in our daily life, water has lots of visual features that we are very familiar with. However, all these features also got lots of physics and lighting formulas involved which are interacting with each other.

I started with thinking about the most typical physical and lighting features that came into mind and got my hand dirty immediately to achieve as much as I can. Here is my checklist:

  • Blue-ish color.
  • Waving surface.
    • Using script to deform a plane mesh, OR
    • Manipulating vertex in vertex shader.
  • Ripple.
    • Texture & Normal Map
    • UV Scrolling
  • Reflection.
    • Specular lighting model
    • Cubemap
  • Transparency.
  • Refraction. (no idea…)

I firstly wrote a script to move the vertex of a plane mesh according to sine wave, and added Perlin Noise function to add some randomness. Then I started to write my water shader to turn this waving plane into a water like surface with all the interesting lighting attributes that I can think about. In Part-2 I will go through my exploration in details.

The current water effect is enough for the scope of my project and it’s light to implement and has decent visual features. However, this is just a very very high-level implement using Unity and for simple environment. Also, there are a lot of features that are very important in water, like refraction, that I haven’t implemented. I will keep working on my exploration on this topic in the future.


comments powered by Disqus
Your Browser Don't Support Canvas, Please Download Chrome ^_^``