dissolveEffect
基于 TSL 噪声的溶解效果,支持动态控制溶解进度。
用法
ts
import { createDissolveMaterial } from '@threeuse/effects'
const material = createDissolveMaterial({
threshold: 0.0,
edgeWidth: 0.05,
edgeColor: [1, 0.4, 0],
})
// 动画中更新阈值
app.onBeforeRender((delta, elapsed) => {
material.threshold.value = (Math.sin(elapsed) + 1) / 2
})参数
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
threshold | number | 0.5 | 溶解阈值(0=完整,1=消失) |
edgeWidth | number | 0.05 | 边缘发光宽度 |
edgeColor | [r,g,b] | [1,0.5,0] | 边缘发光颜色 |