postprocessing 的 GodRaysEffect 的使用

1. postprocessing 的 GodRaysEffect 的使用

1. 下载 postprocessing

pnpm i postprocessing

GodRaysEffect 的后期效果需要一个物体，就是确定那个物体发光

let roomLight = new THREE.Mesh(
  new THREE.SphereGeometry(0.5, 32, 32),
  new THREE.MeshBasicMaterial({
    color: 0xffffff,
  })
);
roomLight.position.set(0, 5, 0);

初始化 GodRaysEffect

const godRaysEffect = new GodRaysEffect(camera, roomLight);

实例化后期处理效果

const composer = new EffectComposer(renderer);

添加renderPass

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

创建效果通道

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

设置渲染函数

const render = () => {
  composer.render();
  requestAnimationFrame(render);
};
render();