Against all odds, I’ve managed to port a shader toy shader of a star into three.js. It is a thing of spectacular beauty. You will find the shader toy shader here. I’ve cut it down to make it a bit more light weight, and I’m rendering it to a plane geometry and it all works super fine; using Object3D.lookAt I’m able to get it to always face the camera. There’s just this one issue, though… It’s not transparent, as you can see in the attached image.
I would like the orange glow that covers the plane geometry to be transparent so that you would just see the sphere of the sun and then the corona and the rest would be the background and whatever is in the field of view. It seems so simple but after a lot of wrangling I haven’t been able to get it to work… So help, please ?
P.S. Thanks to the people behind https://threejsfundamentals.org/ for the article on converting shader toy shaders to three.js; couldn’t have done it without you guys!!!