Is there any way to apply an effect (vertex + fragment shader) to a DOM Element?
I’ve tried with CSS3Drenderer, but the CSS3DObject doesn’t seem to have material on which apply a shader and the scene generated by CSS3Drenderer cannot be used for post-processing by an Effect Composer.
Can someone help me? Thank you.
WebGL based post-processing requires the beauty pass (the render result without FX) as a custom framebuffer. In three.js
this is an instance of THREE.WebGLRenderTarget
. However, HTML and WebGL are two things that are technically decoupled. You can of course embed a canvas into a web page or overlay DOM elements over the canvas but you can’t process HTML elements in a WebGL engine/post-processing pipeline.