Rainbow glow effects

Questions
,
1

Hi guys, how is it possible to achieve a rainbow-like neon effect on a circle mesh?
Screenshot 2022-12-05 at 17.28.46
(like payoneer logo, but with glowing)

I believe it is only possible with shaders, but now really sure how to make it

2

Something like this?

изображение
изображение876×860 36.9 KB

1 Like
3

Yeap, exactly! How have you achieve it?

4

With that good old two-composer approach. Modified though.
Here you are: https://codepen.io/prisoner849/pen/jOKXrRz?editors=0010

2 Likes
5

Paul, you are such a huge lifesaver, thank you a lot!! Going to apply your code to my objects right now :slight_smile:

6

Paul, I was able to import my model and exclude it from glowing pass applying that shader from cube, but if I change background it is affected by bloom, I am not sure is there a way to apply shader to bg or to exclude it from bloom render pass as well?
Screenshot 2022-12-06 at 23.51.09

7

Ah, I thought I took background in count. Obviously, I didn’t )
Have a look: Tetrahedra (fat lines, batching, texelFetch)
The first link to codepen.

let bg = {
  on: 0x321632,
  off: 0x000000
}
let scene = new THREE.Scene();
scene.background = new THREE.Color(bg.off);

. . .
// in the animation loop
  gu.globalBloom.value = 1;
  scene.background.set(bg.off); // make it black
  bloomComposer.render();
  gu.globalBloom.value = 0;
  scene.background.set(bg.on); // set to the desired value
  finalComposer.render();
1 Like