Three.js后处理不使用effectcomposer
未创建大纲。我也尝试了一个BloomFilter,它看起来就像我没有添加任何过滤器一样 这里可能有什么问题Three.js后处理不使用effectcomposer,three.js,Three.js,未创建大纲。我也尝试了一个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_obj
// 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());
如果没有完整的代码示例,很难看到错误。后处理效果需要以下条件:
- 加载后处理库。在下面的示例中,我提供了完整的URL以获得效果
- 创建效果传递。A
或new THREE.OutlinePass
或类似内容new THREE.UnrealBloomPass
- 使用
添加效果composer.addPass([your_pass])
OutlinePass
和UnrealBloomPass
的最小代码笔示例:
请注意,OutlinePass
要求selectedObjects
是一个包含您想要影响的对象的数组