Observe rainy world

小鱼儿 2022-07-03 20:25 136阅读 0赞

DECEMBER 10, 2012 [19 COMMENTS][]

Version : 1.2 – Living blog – First version was 10 December 2012

This post is the first of a series about simulating dynamic rain and its effect on the world. All in the context of games:

**Water drop 1 – Observe rainy world**  
[Water drop 2a – Dynamic rain and its effects  
][Water drop 2a _ Dynamic rain and its effects][Water drop 2b – Dynamic rain and its effects][Water drop 2b _ Dynamic rain and its effects]  
[Water drop 3a – Physically based wet surfaces][Water drop 3a _ Physically based wet surfaces]  
[Water drop 3b – Physically based wet surfaces][Water drop 3b _ Physically based wet surfaces]  
[Water drop 4a – Reflecting wet world][Water drop 4a _ Reflecting wet world]  
Water drop 4b – Reflecting wet world

In several games today there are dynamic weather effects. The most popular weather effect is rain. Rain has sadly often no effect on the gameplay but it has on the visual. Rain in real life has a lot of impact on the appearance of the world. The goal of this series is to describe technique, both technical and artistic, to be able to render a world rainy mood. By wet world, I mean not only world under rain, but also world after it stop raining. Let’s begin this series by an observation of the real-life wet world. As always, any feedbacks or comments are welcome.

## Real wet world ##

The first thing I have done when I started to study this topic for my game “[Remember Me][]” is to make a lot of references. All pictures are programmer’s photography with low camera :). I should advice that’s I focus on moderate rain in urban environment not rain forest or other heavy rain. Let’s share some result (click for high res version).

The first thing everybody notice when it’s raining in the night is the long stretched highlight reflection of the bright light sources:

[![NightReflection][]][NightReflection 1]

But this is not restricted to the night (and even not restricted to wet surface, it is only more visible with wet surfaces):

[![BrightStreak][]][BrightStreak 1]

Highlight reflection vary with the roughness of the underlying surface:

[![NightReflectionRough][]][NightReflectionRough 1]

The highlights get dimmer when the surface is rougher (This is energy conservation):

[![HighlighRoughness][]][HighlighRoughness 1]

Highlights size depends on view angle. The anisotropic reflection seems to follow a Blinn-Phong behavior (Also Blinn-Phong model don’t allow to strech so much):

[![Anisotropicreflection][]][Anisotropicreflection 1]

However, when the surface is smooth we have a perfect reflection (left), whatever the distance, following a Phong behavior (Note: Blinn-Phong have the same behavior for perfectly smooth surface). The right image show how the perturb water surface make the green light appear twice:

[![PerfectReflection][]][PerfectReflection 1]

The reflection fuzziness depends on view angle, light angle, index of refraction (i.e specular), roughness of the surface and distance from the light source (but only in the case of rough surface, for smooth surface fuzziness not change):

[![FuzzyReflection][]][FuzzyReflection 1]

Not only bright light sources are reflected but everything is and the reflection is colored even in the night (often the dark avoid to see a colored reflection because there is not enough reflected light):

[![DayNightwetSurface][]][DayNightwetSurface 1]

[![DayNightwetSurface2][]][DayNightwetSurface2 1]

Water accumulates in low depth level first (hole, crack or base on the curvature of the surface…):

[![WaterInHole copy][]][WaterInHole copy 1]

[![WaterInHole2][]][WaterInHole2 1]

When there is enough water accumulated, we can see that a thin layer of water or a deep puddle exhibit a double layer behavior. We can see a water layer and an underlying surface layer:

[![DoubleLayer][]][DoubleLayer 1]

The reflection of the water layer follows the Fresnel law. This mean that’s you have full reflection at grazing angle (0°) and low reflection when looking perpendicular to the surface (90°) (In fact every surfaces have Fresnel reflection wet or not but this is more obvious with water):

[![FresnelEffect][]][FresnelEffect 1]

[![FresnelEffec2t][]][FresnelEffec2t 1]

Looking at the last pictures of this two series (perpendicular to the surface), you can see my body “not reflecting”. With an index of refraction of 1.33, water reflects 2% of incoming light for 90° angle. Depends on the brightness of the incoming lighting and the albedo of the underlying surface, the reflection can appear faint or may even be totally swamped by the other light sources. In the left case below I am not bright enough to see my reflection, but the light coming from the sky are strong and can be seen as a very light white tint in the water (overcast sky). In the right case, we can distinguish color appearance of the reflected building because the sky light bounces on it whereas my body facing the ground does not bounce enough light.

[![FresnelEffect\_shape copy][FresnelEffect_shape copy]][FresnelEffect_shape copy_FresnelEffect_shape copy]

When underlying surface have dark albedo and you have a clear sky, the water surface behave almost like a mirror:

[![DryReflectPuddle][]][DryReflectPuddle 1]

I gather a lot of rain effects in a video : [Rain effects video on youtube.][]

Rain cause ripple (begin of the video) only where there is sufficient accumulated water. Ripples are concentric circle interacting together and the number depends on rain intensity. There is rain splashes everywhere and the rain drops are almost invisible for light rain (1:20). Wind has influence on water puddle (1:34) and on rain drops direction too (not in the video). Water stream can be generated base on ground inclination (1:55). Droplets from misc object (2:00) and falling drops from rooftop with some strong splash on the ground.

Following pictures show ripples (But this is hard to see on a picture):

[![RippleInPuddle][]][RippleInPuddle 1]

Wet surface are diffusively darker and specularly brighter:

[![Wet-Dry-2][]][Wet-Dry-2 1]

But not all materials are subject to a darkening of the diffuse term, either plastic or metal:

[![NoPoreousMaterial copy][]][NoPoreousMaterial copy 1]

Drying is irregular (can depend on curvature) and can take long time depends on the weather (overcast, warm, clear):

[![Drying][]][Drying 1]

Water in small hole/Cracks/gap “disappear” quicker than puddle. Puddle can still there a long time even with a perfect dry ground around:

[![DryPuddle][]][DryPuddle 1]

When drying, specular strength disappears faster than the darkening of the diffuse:

[![DryingSurface][]][DryingSurface 1]

Surfaces don’t dry at the same speed (Left is totally wet, right is dry, middle in-between):

[![DryingStreet][]][DryingStreet 1]

Objects parallel to rain like walls are almost not affected by it. Objects with a complex orientation like a tree are affected but not everywhere (right tree is wet, left tree is the opposite dry side):

[![WetTree][]][WetTree 1]

With enough water accumulated on top of objects there can be some of the water sliding on the side depends on object shape (But as you can see half of the side still dry). The water sliding is slow:

[![WetWall][]][WetWall 1]

Lighting has a lot of influence on the rain, particularly during the night. Rain drop are often difficult to see but are highly visible when reflecting light. In the previous video, there is example of light influence: [Rain effects video on youtube.][] Lit ripple in the night (2:25). Lit rain splashes in the night (2:31) which are more visible than in the day because of the back lighting. Lit raindrops (2:37). The rain drops are perceived as streak particles but in fact the long streak is cause by motion blurring of the camera or our eye. The drop itself has a changing not necessarily spherical shape. The rain drops falling is not always perpendicular to the ground because of wind:

[![RainLighting][]][RainLighting 1]

Under strong rain, there is atmospheric scattering modification (Fog) and light through rain produce a misty glow effect:

[![RainFog][]][RainFog 1]

Under strong rain, some objects have a small misty rain halo on top of them:

(No picture for now).

Good reference can also be found at \[1\] with some explanation of the anisotropic reflection.

We see many things here and others are not showing like the raindrop movement on glass surfaces, the windshield effect etc… This series aim to talk about several of the thing observe:

Dynamic rain and its effects: The second water drop deal with how to render the raindrop, the raindrop splash, the ripple, the puddle… Some basic water influence on material and drying process will be discussed as well as fog. It will not discuss the glow or droplet of water on windows.

Physically based wet surfaces : All material change due to water influence will be discuss in details in the third water drop, this include Fresnel effect, double layer, the diffuse and specular change and the drying. It will not discuss about material becoming transparent when wet.

Shiny illuminated wet world: All the lighting, reflection and the stretched highlight will be detailed in the fourth water drop post. It will be based on environment map and specific lighting model.

This series will not discuss any ocean water/lake/mid-knee water or effect like caustics or water volume. Hope you will enjoy it.

## Reference ##

\[1\] Neil Blevins, “Anisotropic Reflections”, [http://www.neilblevins.com/cg\_education/aniso\_ref/aniso\_ref.htm][http_www.neilblevins.com_cg_education_aniso_ref_aniso_ref.htm]

DECEMBER 10, 2012 [19 COMMENTS][]

Version : 1.2 – Living blog – First version was 10 December 2012

This post is the first of a series about simulating dynamic rain and its effect on the world. All in the context of games:

## Real wet world ##

The first thing everybody notice when it’s raining in the night is the long stretched highlight reflection of the bright light sources:

[![NightReflection][]][NightReflection 1]

But this is not restricted to the night (and even not restricted to wet surface, it is only more visible with wet surfaces):

[![BrightStreak][]][BrightStreak 1]

Highlight reflection vary with the roughness of the underlying surface:

[![NightReflectionRough][]][NightReflectionRough 1]

The highlights get dimmer when the surface is rougher (This is energy conservation):

[![HighlighRoughness][]][HighlighRoughness 1]

Highlights size depends on view angle. The anisotropic reflection seems to follow a Blinn-Phong behavior (Also Blinn-Phong model don’t allow to strech so much):

[![Anisotropicreflection][]][Anisotropicreflection 1]

[![PerfectReflection][]][PerfectReflection 1]

[![FuzzyReflection][]][FuzzyReflection 1]

[![DayNightwetSurface][]][DayNightwetSurface 1]

[![DayNightwetSurface2][]][DayNightwetSurface2 1]

Water accumulates in low depth level first (hole, crack or base on the curvature of the surface…):

[![WaterInHole copy][]][WaterInHole copy 1]

[![WaterInHole2][]][WaterInHole2 1]

When there is enough water accumulated, we can see that a thin layer of water or a deep puddle exhibit a double layer behavior. We can see a water layer and an underlying surface layer:

[![DoubleLayer][]][DoubleLayer 1]

[![FresnelEffect][]][FresnelEffect 1]

[![FresnelEffec2t][]][FresnelEffec2t 1]

[![FresnelEffect\_shape copy][FresnelEffect_shape copy]][FresnelEffect_shape copy_FresnelEffect_shape copy]

When underlying surface have dark albedo and you have a clear sky, the water surface behave almost like a mirror:

[![DryReflectPuddle][]][DryReflectPuddle 1]

I gather a lot of rain effects in a video : [Rain effects video on youtube.][]

Following pictures show ripples (But this is hard to see on a picture):

[![RippleInPuddle][]][RippleInPuddle 1]

Wet surface are diffusively darker and specularly brighter:

[![Wet-Dry-2][]][Wet-Dry-2 1]

But not all materials are subject to a darkening of the diffuse term, either plastic or metal:

[![NoPoreousMaterial copy][]][NoPoreousMaterial copy 1]

Drying is irregular (can depend on curvature) and can take long time depends on the weather (overcast, warm, clear):

[![Drying][]][Drying 1]

Water in small hole/Cracks/gap “disappear” quicker than puddle. Puddle can still there a long time even with a perfect dry ground around:

[![DryPuddle][]][DryPuddle 1]

When drying, specular strength disappears faster than the darkening of the diffuse:

[![DryingSurface][]][DryingSurface 1]

Surfaces don’t dry at the same speed (Left is totally wet, right is dry, middle in-between):

[![DryingStreet][]][DryingStreet 1]

[![WetTree][]][WetTree 1]

With enough water accumulated on top of objects there can be some of the water sliding on the side depends on object shape (But as you can see half of the side still dry). The water sliding is slow:

[![WetWall][]][WetWall 1]

[![RainLighting][]][RainLighting 1]

Under strong rain, there is atmospheric scattering modification (Fog) and light through rain produce a misty glow effect:

[![RainFog][]][RainFog 1]

Under strong rain, some objects have a small misty rain halo on top of them:

(No picture for now).

Good reference can also be found at \[1\] with some explanation of the anisotropic reflection.

We see many things here and others are not showing like the raindrop movement on glass surfaces, the windshield effect etc… This series aim to talk about several of the thing observe:

Shiny illuminated wet world: All the lighting, reflection and the stretched highlight will be detailed in the fourth water drop post. It will be based on environment map and specific lighting model.

This series will not discuss any ocean water/lake/mid-knee water or effect like caustics or water volume. Hope you will enjoy it.

## Reference ##

\[1\] Neil Blevins, “Anisotropic Reflections”, [http://www.neilblevins.com/cg\_education/aniso\_ref/aniso\_ref.htm][http_www.neilblevins.com_cg_education_aniso_ref_aniso_ref.htm]

[19 COMMENTS]: https://seblagarde.wordpress.com/2012/12/10/observe-rainy-world/#comments
[Water drop 2a _ Dynamic rain and its effects]: https://seblagarde.wordpress.com/2012/12/27/water-drop-2a-dynamic-rain-and-its-effects/
[Water drop 2b _ Dynamic rain and its effects]: https://seblagarde.wordpress.com/2013/01/03/water-drop-2b-dynamic-rain-and-its-effects/
[Water drop 3a _ Physically based wet surfaces]: https://seblagarde.wordpress.com/2013/03/19/water-drop-3a-physically-based-wet-surfaces/
[Water drop 3b _ Physically based wet surfaces]: https://seblagarde.wordpress.com/2013/04/14/water-drop-3b-physically-based-wet-surfaces/
[Water drop 4a _ Reflecting wet world]: https://seblagarde.wordpress.com/2013/09/08/water-drop-4a-reflecting-wet-world/
[Remember Me]: http://en.wikipedia.org/wiki/Remember_Me_%28video_game%29
[NightReflection]: /images/20220618/dc93d051837c4f3096a997ee9d7f3af6.png
[NightReflection 1]: https://seblagarde.files.wordpress.com/2012/11/nightreflection1.png
[BrightStreak]: /images/20220618/c5741f353edf4fa2ad5440b5e5bc2d50.png
[BrightStreak 1]: https://seblagarde.files.wordpress.com/2012/12/brightstreak.png
[NightReflectionRough]: /images/20220618/2687e635cdfb4809904d7f21e5ae3f8a.png
[NightReflectionRough 1]: https://seblagarde.files.wordpress.com/2012/11/nightreflectionrough.png
[HighlighRoughness]: /images/20220618/338454f5e51644d2a964995765896318.png
[HighlighRoughness 1]: https://seblagarde.files.wordpress.com/2012/12/highlighroughness.png
[Anisotropicreflection]: /images/20220618/dd8de82bddc4435dbcb8e8cba4ea5bc9.png
[Anisotropicreflection 1]: https://seblagarde.files.wordpress.com/2012/12/anisotropicreflection.png
[PerfectReflection]: /images/20220618/f6fc1ac05f93400183d2dfc7b1dcbb53.png
[PerfectReflection 1]: https://seblagarde.files.wordpress.com/2012/12/perfectreflection.png
[FuzzyReflection]: /images/20220618/3229bba870a54f7b89427dd8d0209b2b.png
[FuzzyReflection 1]: https://seblagarde.files.wordpress.com/2012/12/fuzzyreflection.png
[DayNightwetSurface]: /images/20220618/61ed9fc40b874628b45f0e80f98ea872.png
[DayNightwetSurface 1]: https://seblagarde.files.wordpress.com/2012/11/daynightwetsurface.png
[DayNightwetSurface2]: /images/20220618/9ea087fa3c6a43869668d5beeb6beb35.png
[DayNightwetSurface2 1]: https://seblagarde.files.wordpress.com/2012/12/daynightwetsurface2.png
[WaterInHole copy]: /images/20220618/4e7f1b1bbcee4991b26e9aa328efc4e0.png
[WaterInHole copy 1]: https://seblagarde.files.wordpress.com/2012/12/waterinhole-copy.png
[WaterInHole2]: /images/20220618/33ef72560bdc46f4b0d962d06a8d30af.png
[WaterInHole2 1]: https://seblagarde.files.wordpress.com/2012/12/waterinhole2.png
[DoubleLayer]: /images/20220618/eaa88b9382694ec7a82f1f73451be437.png
[DoubleLayer 1]: https://seblagarde.files.wordpress.com/2012/12/doublelayer.png
[FresnelEffect]: /images/20220618/7c52f33ef7374db08d6f82cb93f52105.png
[FresnelEffect 1]: https://seblagarde.files.wordpress.com/2012/12/fresneleffect.png
[FresnelEffec2t]: /images/20220618/08ea926f938c4c1898d054d9955b4ccb.png
[FresnelEffec2t 1]: https://seblagarde.files.wordpress.com/2012/12/fresneleffec2t.png
[FresnelEffect_shape copy]: /images/20220618/e965f50eba1d4124a3bbf04a3d8c5c7b.png?w=528&h=134
[FresnelEffect_shape copy_FresnelEffect_shape copy]: /images/20220618/e965f50eba1d4124a3bbf04a3d8c5c7b.png
[DryReflectPuddle]: /images/20220618/6fcc8a60f761454fbce469f47d6ae61b.png
[DryReflectPuddle 1]: https://seblagarde.files.wordpress.com/2012/11/dryreflectpuddle.png
[Rain effects video on youtube.]: http://www.youtube.com/watch?v=bBsnMjtrx-E
[RippleInPuddle]: /images/20220618/2dbcd9418743414b9492ed5cc6ae9bdc.png
[RippleInPuddle 1]: https://seblagarde.files.wordpress.com/2012/11/rippleinpuddle.png
[Wet-Dry-2]: /images/20220618/a92fded958634424b4f04701892898b7.png
[Wet-Dry-2 1]: https://seblagarde.files.wordpress.com/2012/11/wet-dry-21.png
[NoPoreousMaterial copy]: /images/20220618/8df8501bf4a644509d09ec912c5bb8d3.png
[NoPoreousMaterial copy 1]: https://seblagarde.files.wordpress.com/2012/12/noporeousmaterial-copy.png
[Drying]: /images/20220618/08db8b72853c41db9b7f175a653f1076.png
[Drying 1]: https://seblagarde.files.wordpress.com/2012/11/drying.png
[DryPuddle]: /images/20220618/606dbdf7106d4948a597a66436c64a6f.png
[DryPuddle 1]: https://seblagarde.files.wordpress.com/2012/12/drypuddle1.png
[DryingSurface]: /images/20220618/9460c00c0515457896752d459d4cab4c.png
[DryingSurface 1]: https://seblagarde.files.wordpress.com/2012/11/dryingsurface.png
[DryingStreet]: /images/20220618/eee57528ec52417e86d7d95ec1c57986.png
[DryingStreet 1]: https://seblagarde.files.wordpress.com/2012/12/dryingstreet.png
[WetTree]: /images/20220618/8351e13616c04e7aa48799aafd33dcb2.png
[WetTree 1]: https://seblagarde.files.wordpress.com/2012/12/wettree1.png
[WetWall]: /images/20220618/bbeaa56b875a4e1e81fb14c0ae498eb8.png
[WetWall 1]: https://seblagarde.files.wordpress.com/2012/12/wetwall.png
[RainLighting]: /images/20220618/de885abbb65c4f61b7f39c55e1f0bd5e.png
[RainLighting 1]: https://seblagarde.files.wordpress.com/2012/12/rainlighting1.png
[RainFog]: /images/20220618/6434598b190e4f519320ab76078f174b.png
[RainFog 1]: https://seblagarde.files.wordpress.com/2012/12/rainfog1.png
[http_www.neilblevins.com_cg_education_aniso_ref_aniso_ref.htm]: http://www.neilblevins.com/cg_education/aniso_ref/aniso_ref.htm