postprocessing 的 SelectiveBloomEffect 泛光效果

1.postprocessing 的 SelectiveBloomEffect 泛光效果

初始化SelectiveBloomEffect

import { SelectiveBloomEffect, BlendFunction, EffectComposer } from 'postprocessing';
// 实例化SelectiveBloomEffect
const bloomEffect = new SelectiveBloomEffect(scene, camera, {
  blendFunction: BlendFunction.ADD,
  mipmapBlur: true,
  luminanceThreshold: 0.5,
  luminanceSmoothing: 0.3,
  intensity: 30,
});

实例化后期处理效果
const composer = new EffectComposer(renderer);

添加renderPass

composer.addPass(new RenderPass(scene, camera));

创建效果通道

const effectPass = new EffectPass(
  camera,
  bloomEffect
);
composer.addPass(effectPass);

设置渲染函数

const render = () => {
  // renderer.render(scene, camera);
  composer.render();
  requestAnimationFrame(render);
};
render();