Unreal Bloom
Bloom effect with glow around bright areas, similar to Unreal Engine.
Unreal Bloom is an effect that simulates the bloom effect seen in many modern video games. It creates a glow around bright areas of the scene, giving it a more vibrant and dynamic look.
Usage
<script setup lang="ts">
import { EffectComposer, UnrealBloom } from '@tresjs/post-processing'
</script>
<template>
<TresCanvas>
<!-- Your scene -->
<Suspense>
<EffectComposer>
<UnrealBloom :radius="0.5" :strength="1.5" :threshold="0.8" />
</EffectComposer>
</Suspense>
</TresCanvas>
</template>
Props
| Prop | Description | Default |
|---|---|---|
radius | The radius of the bloom effect. | 0 |
strength | The strength of the bloom effect. | 1 |
threshold | The threshold luminance for the bloom effect. | 0 |
Further Reading
See the Three.js example.