new images

alice-i-cecile · Jun 26, 2024 · 1afe5f0 · 1afe5f0
1 parent a96726d
commit 1afe5f0
Show file tree

Hide file tree

Showing 10 changed files with 6 additions and 1 deletion.
diff --git a/content/news/draft-bevy-0.14/after_pcf.png b/content/news/draft-bevy-0.14/after_pcf.png
diff --git a/content/news/draft-bevy-0.14/before_pcf.png b/content/news/draft-bevy-0.14/before_pcf.png
diff --git a/content/news/draft-bevy-0.14/bokeh_dof.png b/content/news/draft-bevy-0.14/bokeh_dof.png
diff --git a/content/news/draft-bevy-0.14/no_dof.png b/content/news/draft-bevy-0.14/no_dof.png
diff --git a/content/news/draft-bevy-0.14/volumetric_fog.png b/content/news/draft-bevy-0.14/volumetric_fog.png
diff --git a/content/news/draft-bevy-0.14/with_anisotropy.png b/content/news/draft-bevy-0.14/with_anisotropy.png
diff --git a/content/news/draft-bevy-0.14/with_volumetric_fog.png b/content/news/draft-bevy-0.14/with_volumetric_fog.png
diff --git a/content/news/draft-bevy-0.14/without_anisotropy.png b/content/news/draft-bevy-0.14/without_anisotropy.png
diff --git a/content/news/draft-bevy-0.14/without_volumetric_fog.png b/content/news/draft-bevy-0.14/without_volumetric_fog.png
diff --git a/...lease-notes/13057_Implement_volumetric_fog_and_volumetric_lighting_also_know.md b/...lease-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.