Hey gang, Is there a way to dropoff fog vertically? For example, if there was a skyrise building, it could stuck out above the fog? Looking for a very lightweight solution ( :

You mean like this ? For a simple implementation you can patch the fog shader chunk to „raise“ the fog distance by the Y axis depending on the distance. This pen of @prisoner849 does similar i guess (see palm trees).

Thanks for the reply. But I’m not sure I really understand how these are creating a vertical dropoff for the fog… [above_fog] ^ going for this

That’s the effect. The fog decreases vertically by height constrained by distance. [image] I also consider the camera height as the higher you’re off the ground the more the fog below/closer to you increases, but you only need that if you can fly or su…

Wow that’s close. I think there may be a way to combine that with fog to make it work.

[image] fuzzy_wobble: I think there may be a way to combine that with fog to make it work What i described is distance and height combined.

Possible to create fog with vertical dropoff?

Questions

prisoner849 May 8, 2020, 3:15pm 5

@fuzzy_wobble
There is another option: Cheap misty effect
Though I’m not sure that’s what you need.

Topic		Replies	Views
XZFog: Horizontal Distance Fog for Three.js (Top-Down/Isometric Games) Resources materials , shaders , fog	1	298	November 6, 2025
How to render fog on top of SSAO? Questions fog , effect-composer , ssao	5	2207	January 21, 2023
Sphere with fog effect inside, raymarching? Questions fog , shader , raymarching	10	795	March 11, 2025
Multicolor fog (or fog affected by light color)? Questions lighting , lights , fog	14	4848	June 7, 2021
How to create gradient fog? Questions fog	3	548	February 8, 2024

Possible to create fog with vertical dropoff?

Related topics