I have been trying for nearly 3 days now to get my page to render the way I want it to. What I want is to render 1 set of geometries with BloomPass and the other to render without it. I also want a rotating background which is setup using CubeTextureLoader. I have rummaged through tons of three.js and stackoverflow questions and answers but I still cannot figure this out.
The closest I got was getting the background and the 2nd set of geometry to be rendered with BloomPass, not the set that I actually want rendered. I know I am close but perhaps the order that I am rendering the scenes might be incorrect. I have tried playing around with 2 scenes and 2 layers, but I still canāt manage to solve it.
I would highly appreciate it if someone could pinpoint what Iām missing out or doing wrong. I am linking the simplified version of the codepen here. It consists of the geometry I want BloomPass on, and a background colour which should render normally without any effects. Thank you.
it seems to me bloompass is generally misunderstood. even the official examples. all you need to do is set up a single bloom pass, no extra shaders no copy pass no layers no traversal no double rendering.
set up bloom with a threshold of 1 (nothing gets bloomed)
push material colors into hd range, so what previously used to be color.set(1, 0, 0) for red now could be .set(10, 0, 0) or higher/lower for more or less intense glow.
disable tonemapping
and that is it, every material whose color goes into hd range now glows, every other material wonāt!
I did check out selective bloompass, to be honest I was confused by the vertex and fragment shaders. I thought it would have been much simpler than that. Also, why is the finalpass with the final shader required in this case? The picture that youāve attached, has it been done the same way? Thank you once again!
Interesting, Iāll definitely give this a try. By the way, I tried disabling and enabling tonemapping in the sandbox that youāve attached, the glowing effect still remains, why is that?
However, if I have a background texture using CubeTexture, I canāt really set the colour āintensityā to be 0 or 1, isnāt the bloompass still going to enhance the glowing effect of the scene background? Or is that the reason why the threshold is set to 1? Thank you!
Not quite the same way, but the same principle.
I donāt traverse the scene to set black material to non-bloomed parts, instead, I use a global uniform and some modifications in materialsā shaders, making them pure black, when the uniformās value is 1, and show their real colour, when the uniformās value is 0.
It adds/sums two results: bloomed (all non-bloomed parts are black, including background), and usual (when all parts have their real colours).
I see, I need to read up on the different shaders and uniforms as youāve mentioned. Iāll try updating my code according to the example and see what I can come up with. Thank you for the insights.
as for enabling tonemapping, i believe it would take a needsupdate or a refresh to take effect. but from what ive learned, tonemapping clamps, so it cant be used. i like to use tonemapping overall, it looks good, but i switch it off for glowing materials.
I checked out your comment on another post āHow to use bloom effect not for all object in scene?ā and the solution that you provided. I adapted that to my code and it worked on codepen, I just need to implement that on my actual project which is different. Could you please briefly explain what uniforms are and what the scripts that youāve added in html do? Even better if you could also provide some material on that. Thank you!
