# 模糊

模糊效果可以使场景变得模糊。

# 初始化

使用Blur类添加模糊效果。

import { 
    
    Postprocessing, 
    Blur, 
    KernelSize

} from '@tx3d/postprocessing';

// 创建后处理类
const postprocessing = new Postprocessing( engine );

// 添加后处理效果
const effect = postprocessing.addEffect( Blur, {

    kernelSize: KernelSize.MEDIUM,// 模糊强度 VERY_SMALL SMALL MEDIUM LARGE VERY_LARGE HUGE
    scale: 1,
    resolutionScale: 0.75

} );
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19

提示

模糊初始化参数,详见BlurParams

# 属性

🌏 kernelSize 模糊强度

// 设置模糊强度
effect.kernelSize = KernelSize.LARGE;
1
2

🌏 scale 模糊大小

// 设置模糊大小
effect.scale = 0.5;
1
2

🌏 resolutionScale 渲染质量缩放系数

// 设置渲染质量
effect.resolutionScale = 0.5;
1
2
Last Updated: 7/3/2023, 10:30:41 AM