UnrealBloomPass and Reflective Surfaces

Based on the information available, I can provide some insights about post-processing in Three.js that might help with your issue involving UnrealBloomPass and reflective surfaces.

Understanding the Issue

The problem you're experiencing with text not rendering correctly on a mirror plane when using UnrealBloomPass is likely related to how post-processing effects interact with reflective materials.

Potential Solutions

When working with the EffectComposer and UnrealBloomPass, you might need to:

1. Adjust render order: Make sure your reflective surfaces are rendered before the bloom effect is applied.

2. Use layers selectively: The Layers system in Three.js can help you control which objects are affected by the bloom effect.

3. Modify bloom parameters: Try adjusting the strength, radius, and threshold of your UnrealBloomPass to reduce interference with the reflective surface.

4. Separate passes: Consider rendering your reflective surfaces and text in separate passes.

Example Approach

Here's a simplified example of how you might set up your EffectComposer with more control:

JAVASCRIPTCopied
// Create composer
const composer = new EffectComposer(renderer);

// Add render pass
const renderPass = new RenderPass(scene, camera);
composer.addPass(renderPass);

// Configure bloom pass with more conservative settings
const bloomPass = new UnrealBloomPass(
  new THREE.Vector2(window.innerWidth, window.innerHeight),
  0.5,    // strength (try lower values)
  0.4,    // radius
  0.85    // threshold (try higher values)
);
composer.addPass(bloomPass);

// Add a selective bloom layer
const bloomLayer = new THREE.Layers();
bloomLayer.set(1);

// Only apply bloom to specific objects
objectsToBloom.forEach(obj => obj.layers.enable(1));
textObjects.layers.set(0); // Keep text out of bloom layer

Since the image shows what appears to be a rendering issue with text on a reflective surface, you might need to experiment with these approaches to find the right balance for your specific scene setup.