Site Logo

Pixel-in-Gene

Exploring Frontend Development with Design / Graphics / Technology

An improved water effect

Sometime back I posted a video of the Water ripple effect created using a 3D Mesh. In that I had only used a height-map to simulate the ripples which ofcourse wasn’t the most convincing Water effect. This time around I have improved it with the some refraction effects happening to the texture. Refraction is the phenomenon where the light rays get bent when they change the medium of propagation; for example a change from air to water. Due to refraction the objects in the new medium appear displaced from their original positions. The amount of displacement is dependent on the Refraction Index of the medium. Water has a refractive index of 1.33. With this improvement the Water effect looks much better and closer to reality!

video908cda0ce835

I will be making these effects reusable so that you can drop them on any control and apply the effect. The power of the VisualBrush will defintely come to aid [Update]: You can download the source here.

An improved water effect
Pavan Podila
Pavan Podila
September 28th, 2006