diff --git a/content/news/draft-bevy-0.14/after_pcf.png b/content/news/draft-bevy-0.14/after_pcf.png index 233acdb410..3ba2cd4d80 100644 Binary files a/content/news/draft-bevy-0.14/after_pcf.png and b/content/news/draft-bevy-0.14/after_pcf.png differ diff --git a/content/news/draft-bevy-0.14/before_pcf.png b/content/news/draft-bevy-0.14/before_pcf.png index 4fab721759..73c0c0f8c3 100644 Binary files a/content/news/draft-bevy-0.14/before_pcf.png and b/content/news/draft-bevy-0.14/before_pcf.png differ diff --git a/content/news/draft-bevy-0.14/bokeh_dof.png b/content/news/draft-bevy-0.14/bokeh_dof.png index 07f2174600..013d457648 100644 Binary files a/content/news/draft-bevy-0.14/bokeh_dof.png and b/content/news/draft-bevy-0.14/bokeh_dof.png differ diff --git a/content/news/draft-bevy-0.14/no_dof.png b/content/news/draft-bevy-0.14/no_dof.png index 24bfe7652d..ad44ac5cca 100644 Binary files a/content/news/draft-bevy-0.14/no_dof.png and b/content/news/draft-bevy-0.14/no_dof.png differ diff --git a/content/news/draft-bevy-0.14/volumetric_fog.png b/content/news/draft-bevy-0.14/volumetric_fog.png deleted file mode 100644 index 1d6046a07d..0000000000 Binary files a/content/news/draft-bevy-0.14/volumetric_fog.png and /dev/null differ diff --git a/content/news/draft-bevy-0.14/with_anisotropy.png b/content/news/draft-bevy-0.14/with_anisotropy.png index 1db6ecdc20..97f98db306 100644 Binary files a/content/news/draft-bevy-0.14/with_anisotropy.png and b/content/news/draft-bevy-0.14/with_anisotropy.png differ diff --git a/content/news/draft-bevy-0.14/with_volumetric_fog.png b/content/news/draft-bevy-0.14/with_volumetric_fog.png new file mode 100644 index 0000000000..db993d7b45 Binary files /dev/null and b/content/news/draft-bevy-0.14/with_volumetric_fog.png differ diff --git a/content/news/draft-bevy-0.14/without_anisotropy.png b/content/news/draft-bevy-0.14/without_anisotropy.png index fbe8479360..4637605f0c 100644 Binary files a/content/news/draft-bevy-0.14/without_anisotropy.png and b/content/news/draft-bevy-0.14/without_anisotropy.png differ diff --git a/content/news/draft-bevy-0.14/without_volumetric_fog.png b/content/news/draft-bevy-0.14/without_volumetric_fog.png new file mode 100644 index 0000000000..69aa43ae45 Binary files /dev/null and b/content/news/draft-bevy-0.14/without_volumetric_fog.png differ diff --git a/release-content/0.14/release-notes/13057_Implement_volumetric_fog_and_volumetric_lighting_also_know.md b/release-content/0.14/release-notes/13057_Implement_volumetric_fog_and_volumetric_lighting_also_know.md index 0dc0bca3a2..079d686ce8 100644 --- a/release-content/0.14/release-notes/13057_Implement_volumetric_fog_and_volumetric_lighting_also_know.md +++ b/release-content/0.14/release-notes/13057_Implement_volumetric_fog_and_volumetric_lighting_also_know.md @@ -6,7 +6,12 @@ As you might expect, this is both prettier and more computationally expensive! In particular, this allows for the creation of stunningly beautiful "god rays" (more properly, crepuscular rays) shining through the fog. -![A beautiful town square is rendered in Bevy. Light fog covers it, and beams of light pierce the fog around a tree at its center, lighting the top of its leaves.](volumetric_fog.png) +{{ compare_slider( + left_title="Without Volumetric Fog", + left_image="without_volumetric_fog.png", + right_title="With Volumetric Fog", + right_image="with_volumetric_fog.png" +) }} Bevy's algorithm, which is implemented as a postprocessing effect, is a combination of the techniques described in [Scratchapixel](https://www.scratchapixel.com/lessons/3d-basic-rendering/volume-rendering-for-developers/intro-volume-rendering.html) and [Alexandre Pestana's blog post](https://www.alexandre-pestana.com/volumetric-lights/). It uses raymarching in screen space, transformed into shadow map space for sampling and combined with physically-based modeling of absorption and scattering. Bevy employs the widely-used Henyey-Greenstein phase function to model asymmetry; this essentially allows light shafts to fade into and out of existence as the user views them.