Volumetric Light Scattering in three.js

  1. With a shader, apply a parameterized radial blur to that texture to create the lighting effect
  2. Additively blend that result over a render of the normally lit scene and display on screen
  • decay controls the fall off from the light source.
  • density controls the separation between samples. If the density factor is increased, the separation between samples is decreased, resulting in brighter light shafts covering a shorter range.
  • weight provides a secondary, fine grained control over the brightness.




front end code and graphics programming.

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Let’s start JEST! React Native Unit testing tool

Object Oriented Javascript, this, and bind()

Not Another To Do App

Update Angular 7 to 10

How to use Nuxt Plugins

Tech Learning Resources: Getting started

Simplify Looping with Arrow Functions

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Andrew Berg

Andrew Berg

front end code and graphics programming.

More from Medium

An RPG in VUE.JS Vol. 3 (Main Battle Interface)

Middleware Authentication(JWT TOKEN) using hooks in CodeIgniter 3

Vue Component Dissapears After Deploy?

How to Redirect to CMS-page if Cookies are Disabled in Magento 2 | Rootways