How to make Gradiant Fog Background Effect?

I am trying to reproduce the backgroud gradiant fog effect but am not sure how to go about it.

Colored fog near the cursor:

Demo website: https://www.motleycrowd.live/

Any help on this would be greatly appriciated.

My current progress is this

How do i make it more Foggy. currently it uses a cylinder with gradiant shader.

found something by @prisoner849 which might be how one can achieve it

There are many ways to make a gradient fog background:

  • with a custom shader
  • with a gradient texture
  • with a set of lights
  • with a postprocessing effect

Or any combination of the above along with traditional fogs for greater effect.

Here is one attempt for gradient using only lights. Not great, but it was fun making it:

https://codepen.io/boytchev/full/yLGedYp

image

2 Likes