图层效果简介

1
layer.effect = "bloom(1.5, 0.5px, 0.1)";

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
// this function is called when user clicks the applyBloom check box
// or when the slider values are changed.
// it will apply the bloom effect and adjust its parameters or
// it will remove the bloom effect when the user unchecks applyBloom checkbox
function updateEffects() {
  // set the layer effect to null if the user unchecked the applyBloom checkbox
  if (!chkApplyBloom.checked) {
    layer.effect = null;
    return;
  }
  // apply the effect and adjust its parameters if the user checked the applyBloom
  // check box or updated slider values.
  const intensity = intensitySlider.values[0];
  const blur = blurSlider.values[0];
  const threshold = thresholdSlider.values[0];
  layer.effect = `bloom(${intensity}, ${blur}px, ${threshold})`;
}