Water drops on camera

[smatt]

Hello,

I'd like to add water drops on the camera lens as an effect. How can it be done?
Moving drops would be nice, but static is more than enough 

This screenshot should explain my goal
RiptideGP: http://prnt.sc/byopvq

Thanks for every answer, Simon

[JCPalmer]

You would need 2 cameras, a scene camera, & a drops camera which was ortho.

[smatt]

14 minutes ago, JCPalmer said:

You would need 2 cameras, a scene camera, & a drops camera which was ortho.

Why is there a need for a second camera? Couldn't be the drops on the default "FreeCamera"?

Is it possible to put a bump mapping in front of the camera with zero alpha and PBR? 

(I'm pretty new to Babylon.JS )

[JCPalmer]

Yes, a post process could be used, but you are going need to write a fragment shader.

[smatt]

48 minutes ago, JCPalmer said:

Yes, a post process could be used, but you are going need to write a fragment shader.

Has somebody already done this for Babylon.JS or know good resources for writing your own fragment shader? 

[Nabroski]

Hey man, you already answered your question take a plane an place it like a filter of a real world camera before your lens, then you can do anything you want with it, sprites, animate wrap UV, its cheap, quick and fast.
8 vertices, 1 texure, 2 lines of code. 

[smatt]

Thanks @Nabroski! Maybe I can get this to work  

[smatt]

Did it! It is actually much easier than I thought.

Just add following line:

var postProcess = new BABYLON.RefractionPostProcess("Refraction", "textures/normalMap.jpg", new BABYLON.Color3(1.0, 1.0, 1.0), 0.5, 0.5, 1.0, camera);

Result is here: http://babylonjs-playground.com/#FCRJG

I got this line from: http://www.babylonjs.com/Demos/PPRef/

 

[Nabroski]

Gute Arbeit! 

[smatt]

Totally forgot to post a real rain example in here:

 

[Pryme8]

you could simulate this with animated sprites

[smatt]

@Pryme8 I'm going to implement this 

[V!nc3r]

This polycount post could be interesting http://polycount.com/discussion/155940/animating-normal-maps-to-achieve-rain-drops-in-3ds-max-or-unity3d