Three.js :从后处理添加BloomEffect

import * as THREE from 'three';
import { BloomEffect, EffectComposer, RenderPass } from 'postprocessing';

const scene = new THREE.Scene();
const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);
const renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

const bloomEffect = new BloomEffect();
const composer = new EffectComposer(renderer);
composer.addPass(new RenderPass(scene, camera));
composer.addPass(bloomEffect);

function animate() {
    requestAnimationFrame(animate);
    // 更新场景和相机
    composer.render();
}
animate();