# Need to show a light emerging from source
**URL:** https://discourse.threejs.org/t/need-to-show-a-light-emerging-from-source/31305
**Category:** Questions
**Tags:** spotlight, lights
**Created:** [October 30, 2021, 12:35pm UTC](https://discourse.threejs.org/t/need-to-show-a-light-emerging-from-source/31305 "2021-10-30T12:35:38Z")
**Posts on this page:** 6
**Page:** 1
### Author:  [@mhkasif](https://discourse.threejs.org/u/mhkasif)
#### Post date: [October 30, 2021, 12:35pm UTC](https://discourse.threejs.org/t/need-to-show-a-light-emerging-from-source/31305/1 "2021-10-30T12:35:38Z")
i want to show light emerging from lighthouse but spotlight just showing to floor.
> **[bold-dubinsky-ms60p - CodeSandbox](https://codesandbox.io/s/bold-dubinsky-ms60p)**
>
> bold-dubinsky-ms60p by mhkasif using @babel/core, @babel/preset-env, babel-loader, clean-webpack-plugin, copy-webpack-plugin, css-loader, dat.gui, file-loader, html-loader
provided the current working of a project above.
want spotlight to behave like below
[https://images.app.goo.gl/KK1qeE7yyhMB2UPU6](https://images.app.goo.gl/KK1qeE7yyhMB2UPU6)
---
### Author:  [@prisoner849](https://discourse.threejs.org/u/prisoner849)
#### Post date: [October 30, 2021, 6:57pm UTC](https://discourse.threejs.org/t/need-to-show-a-light-emerging-from-source/31305/2 "2021-10-30T18:57:07Z")
Hi!
I used this for such purpose: [GitHub - jeromeetienne/threex.volumetricspotlight: three.js extension to provide a volumetric spot light](https://github.com/jeromeetienne/threex.volumetricspotlight)
---
### Author:  [@drcmda](https://discourse.threejs.org/u/drcmda)
#### Post date: [October 30, 2021, 7:56pm UTC](https://discourse.threejs.org/t/need-to-show-a-light-emerging-from-source/31305/3 "2021-10-30T19:56:41Z")
if you want to consider react this is a one-liner: [Volumetric spotlight - CodeSandbox](https://codesandbox.io/s/volumetric-spotlight-tx1pq) but otherwise you find the vanilla threejs shadermaterial here: [drei/SpotLightMaterial.tsx at e3aafb0ffaa4c8a99927c0c0edd51950f87a4aab · pmndrs/drei · GitHub](https://github.com/pmndrs/drei/blob/e3aafb0ffaa4c8a99927c0c0edd51950f87a4aab/src/materials/SpotLightMaterial.tsx) the technique is called “soft-particle” which avoid the visual glitches and makes it look pretty convincing.
---
### Author:  [@mhkasif](https://discourse.threejs.org/u/mhkasif)
#### Post date: [October 31, 2021, 10:18am UTC](https://discourse.threejs.org/t/need-to-show-a-light-emerging-from-source/31305/4 "2021-10-31T10:18:03Z")
can’t it be done with native Spotlight without any external library?
---
### Author:  [@jrlazz](https://discourse.threejs.org/u/jrlazz)
#### Post date: [January 7, 2025, 9:19pm UTC](https://discourse.threejs.org/t/need-to-show-a-light-emerging-from-source/31305/5 "2025-01-07T21:19:29Z")
Hi @mhkasif ,
Hope You like this link:
> **[rays6.html](https://jrlazz.github.io/anim/rays6.html)**
---
### Author:  [@Azure\_Phoenix000](https://discourse.threejs.org/u/Azure_Phoenix000)
#### Post date: [August 11, 2025, 3:27pm UTC](https://discourse.threejs.org/t/need-to-show-a-light-emerging-from-source/31305/6 "2025-08-11T15:27:05Z")
Could you let me know where can I find threex.volumetricspotlight.js file to use that repo?