# THREE.Points glowing effect (neon)

**URL:** <https://discourse.threejs.org/t/three-points-glowing-effect-neon/1193>\
**Category:** Questions\
**Tags:** webgl, particles, shaders, materials\
**Created:** [November 12, 2017, 5:39pm UTC](https://discourse.threejs.org/t/three-points-glowing-effect-neon/1193 "2017-11-12T17:39:42Z")\
**Posts on this page:** 8\
**Page:** 1

<div class="post-metadata">

**Author:** ![anthonylopezdev](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/anthonylopezdev/32/644_2.png) [@anthonylopezdev](https://discourse.threejs.org/u/anthonylopezdev)\
**Post date:** [November 12, 2017, 5:39pm UTC](https://discourse.threejs.org/t/three-points-glowing-effect-neon/1193/1 "2017-11-12T17:39:42Z")

</div>

Hi evryone !  
Is it possible use glsl shader for THREE.Points material to get glowing effect ?

Like that : [http://bit.ly/2hiZY5w](http://bit.ly/2hiZY5w)  
Or that (just glowing effect) : [http://bit.ly/2yt7FNj](http://bit.ly/2yt7FNj)

Is there a better solution than shader ?

Thanks a lot =)

---

<div class="post-metadata">

**Author:** ![prisoner849](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/prisoner849/32/535_2.png) [@prisoner849](https://discourse.threejs.org/u/prisoner849)\
**Post date:** [November 12, 2017, 6:04pm UTC](https://discourse.threejs.org/t/three-points-glowing-effect-neon/1193/2 "2017-11-12T18:04:49Z")

</div>

What is _THREE.Particles material_?

---

<div class="post-metadata">

**Author:** ![anthonylopezdev](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/anthonylopezdev/32/644_2.png) [@anthonylopezdev](https://discourse.threejs.org/u/anthonylopezdev)\
**Post date:** [November 12, 2017, 6:44pm UTC](https://discourse.threejs.org/t/three-points-glowing-effect-neon/1193/3 "2017-11-12T18:44:31Z")

</div>

@prisoner849 THREE.Points sorry…

---

<div class="post-metadata">

**Author:** ![Fyrestar](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/fyrestar/32/52793_2.png) [@Fyrestar](https://discourse.threejs.org/u/Fyrestar)\
**Post date:** [November 12, 2017, 7:12pm UTC](https://discourse.threejs.org/t/three-points-glowing-effect-neon/1193/4 "2017-11-12T19:12:32Z")

</div>

Use THREE.AdditiveBlending as blending mode.

---

<div class="post-metadata">

**Author:** ![anthonylopezdev](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/anthonylopezdev/32/644_2.png) [@anthonylopezdev](https://discourse.threejs.org/u/anthonylopezdev)\
**Post date:** [November 12, 2017, 7:58pm UTC](https://discourse.threejs.org/t/three-points-glowing-effect-neon/1193/5 "2017-11-12T19:58:00Z")

</div>

@Fyrestar already done… Currently I’m using a canvas with a radial gradient as “map”. Result is pretty cool but I can’t get same result that examples (glow movment) I’ve gave in my first message.

---

<div class="post-metadata">

**Author:** ![Fyrestar](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/fyrestar/32/52793_2.png) [@Fyrestar](https://discourse.threejs.org/u/Fyrestar)\
**Post date:** [November 12, 2017, 9:11pm UTC](https://discourse.threejs.org/t/three-points-glowing-effect-neon/1193/6 "2017-11-12T21:11:29Z")

</div>

Do you mean the motion?

---

<div class="post-metadata">

**Author:** ![anthonylopezdev](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/anthonylopezdev/32/644_2.png) [@anthonylopezdev](https://discourse.threejs.org/u/anthonylopezdev)\
**Post date:** [November 12, 2017, 11:09pm UTC](https://discourse.threejs.org/t/three-points-glowing-effect-neon/1193/7 "2017-11-12T23:09:20Z")

</div>

Motion and global appearance (more shiny)

---

<div class="post-metadata">

**Author:** ![Preet\_Patel](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/preet_patel/32/29298_2.png) [@Preet\_Patel](https://discourse.threejs.org/u/Preet_Patel)\
**Post date:** [September 5, 2022, 2:30am UTC](https://discourse.threejs.org/t/three-points-glowing-effect-neon/1193/8 "2022-09-05T02:30:57Z")

</div>

For anyone looking for glow effect checkout:  
[https://threejs.org/examples/?q=glow#webgl\_postprocessing\_unreal\_bloom](https://threejs.org/examples/?q=glow#webgl_postprocessing_unreal_bloom)

Provides good example on how to use UnrealBloomPass.
