How to implement post processing effect Unreal Bloom #5059
Unanswered
henrik-dons
asked this question in
Q&A
Replies: 1 comment
-
Have you already tried the Bloom Effect from the
https://modelviewer.dev/examples/postprocessing/ page ( the one with what
looks like a water fountain) and compared to the ThreeJS bloom?
There is a <bloom-effect> that is already built out for model viewer that
you can make use of, but beyond that you should also be able to grab the
ThreeJS scene graph and modify it. Just know that it isn't fully supported,
and a future may introduce breaking changes. To grab the graph you can try.
const modelViewer = document.querySelector('model-viewer');
const internalSymbols = Object.getOwnPropertySymbols(modelViewer);
const sceneSymbol = internalSymbols.find(s =>
String(s).includes('scene')); // Find the symbol with 'scene' in its
description
if (sceneSymbol) {
const internalScene = modelViewer[sceneSymbol];
// Now you have a reference to the Three.js scene
console.log(internalScene);
// You can traverse the scene graph, access objects, etc.
} else {
console.warn("Could not find the internal scene symbol.");
}
…On Fri, Jun 27, 2025, 1:16 PM Henrik ***@***.***> wrote:
Hello all,
I see the model viewer has support for post processing effects (
https://modelviewer.dev/examples/postprocessing/)
Is there a chance I could implement this one?
https://threejs.org/examples/webgl_postprocessing_unreal_bloom.html
I'm not sure how to get started, so any guidance would be appreciated.
Thanks in advance!
—
Reply to this email directly, view it on GitHub
<#5059>, or unsubscribe
<https://github.com/notifications/unsubscribe-auth/ACAKTJK6HFIJCT2B35LHNSD3FWC7VAVCNFSM6AAAAACAJUPTXWVHI2DSMVQWIX3LMV43ERDJONRXK43TNFXW4OZYGUYDIMZWGE>
.
You are receiving this because you are subscribed to this thread.Message
ID: ***@***.***>
|
Beta Was this translation helpful? Give feedback.
0 replies
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Uh oh!
There was an error while loading. Please reload this page.
-
Hello all,
I see the model viewer has support for post processing effects (https://modelviewer.dev/examples/postprocessing/)
Is there a chance I could implement this one?
https://threejs.org/examples/webgl_postprocessing_unreal_bloom.html
I'm not sure how to get started, so any guidance would be appreciated.
Thanks in advance!
Beta Was this translation helpful? Give feedback.
All reactions