BloomPass gives blank screen, no errors? | Three.js | Page 1

pseudo mirage Oct 18, 2022, 10:25 PM

#

I'm trying out post effects, and I've got an EffectComposer hooked up and working - I can add a GlitchPass just fine and see it applied at runtime, but if I add a BloomPass the canvas goes blank/transparent, no errors in the console. Can anyone suggest what I might be missing?

past lance Oct 18, 2022, 10:27 PM

#

from experience, selective bloom is mean.

#

https://pmndrs.github.io/postprocessing/public/docs/class/src/effects/SelectiveBloomEffect.js~SelectiveBloomEffect.html

postprocessing

A post processing library that provides the means to implement image filter effects for three.js.

#

thats the link someone else recommended me

pseudo mirage Oct 18, 2022, 10:37 PM

#

The BloomEffect in that library did work - is it related to the postprocessing functionality built into three.js? They're very similar...

past lance Oct 18, 2022, 10:43 PM

#

not sure. i haven't been able to try it out myself yet. still running into other issues

pseudo mirage Oct 18, 2022, 10:56 PM

#

Hmm, it works but I can't get it to look the way I want, and the documentation doesn't match the latest version 🤔

past lance Oct 18, 2022, 11:12 PM

#

like in terms of intensity/radius and whatnot?

#

https://pmndrs.github.io/postprocessing/public/demo/#bloom - live demo site
https://github.com/pmndrs/postprocessing/blob/main/demo/src/demos/BloomDemo.js - source code of live demo site

#

if that helps

pseudo mirage Oct 19, 2022, 12:58 AM

#

I was using plain BloomEffect instead of SelectiveBloomEffect (as I don't need it to be selective), but the result seems to be the same. In that example I see effect.mipmapBlurPass.radius but no such option exists for me, at least not in the type definition.

#

Yeah okay - if I @ts-ignore that line to access it anyway, it works.

#

Still, I wish I knew why the bloom effect built into three.js wasn't working

pseudo mirage Oct 19, 2022, 1:21 AM

#

vital bison Oct 19, 2022, 4:35 AM

#

you should always favour postprocessing instead of three/jsm/effects imo. pp is a single uber shader, it is very efficient and runs circles around jsm. it's also actively maintained. as for your question, these two have little to do with one another, they can't share passes between them, as i said, jsm is very naive and goes through a lot of overhead which pp reduces.

past lance Oct 19, 2022, 6:40 AM

#

^

#

looking at all the resources abt using three.js's bloom before discovering the library, there's no reason it has to be that complicated.

vital bison Oct 19, 2022, 7:20 AM

#

if its just about the blank screen,i don't think its fixable other than clearcolor, jsm/pp doesn't support alpha: true on the canvas. there is a github issue where they have code that kinda works but i couldn't get good results.
you probably consider three/jsm to be "official" but jsm is just a dumping ground for anyone to throw stuff in it, these are mostly just examples and trials. pp is the go to default for postpro on the web, jsm/pp would be a slow and wonky substitute if you ask me

#BloomPass gives blank screen, no errors?