threejs-bloom

What problem does it solve?

This Skill allows users to design and implement advanced bloom effects in Three.js WebGPU scenes, enhancing visual quality and realism.

Core Features & Use Cases

• Bloom Effect: Adds a glow to bright areas in the scene, simulating the effect of light scattering.
• Physical HDR Scene Bloom: Offers a physically motivated approach to bloom, ensuring accurate representation of light scattering.
• Selective MRT Contribution: Allows users to control which parts of the scene contribute to the bloom effect, enabling fine-grained control over the visual outcome.
• Mobile/Tile-GPU Gates: Optimizes bloom for mobile and tile-based GPU architectures, ensuring efficient performance on a variety of devices.
• Visual Validation: Provides tools for validating the correctness and quality of the bloom effect.

Quick Start

Use the threejs-bloom skill to apply a bloom effect to the scene with the following command: $threejs-bloom apply bloom scene-color 0.5 0.35 0.9