Three.js 后处理不适用于 effectcomposer

Question

未创建大纲。我也尝试了 BloomFilter，它看起来和我没有添加任何过滤器一样。
这里可能是什么问题？

// in global scope
const clock = new THREE.Clock();

// in initialization
this.composer = new EffectComposer(this.renderer);
this.composer.addPass(new RenderPass(this.scene, this.camera.camera_object));
this.composer.addPass(new EffectPass(this.camera.camera_object, new OutlineEffect(this.renderer, this.camera.camera_object, {
  defaultThickness: 0.01,
  defaultColor: [0, 0, 0],
  defaultAlpha: 0.8,
  defaultKeepAlive: true
})));

// in render loop

this.composer.render(clock.getDelta());

Answer 1

如果没有完整的代码示例，很难看到错误。后处理效果需要以下内容:

加载后处理库。在下面的示例中，我提供了用于效果的完整 URL。

创建效果 channel 。一个 new THREE.OutlinePass或 new THREE.UnrealBloomPass或类似。

添加效果 composer.addPass([your_pass]) .

这是一个使用 OutlinePass 的最小 CodePen 示例和 UnrealBloomPass :
https://codepen.io/adelriosantiago/pen/qBaLmZK?editors=1010

请注意 OutlinePass需要 selectedObjects成为包含您想要影响的对象的数组。