PostProcessing库中SelectiveBloomEffect的多实例使用问题解析

问题现象

在PostProcessing库中使用多个SelectiveBloomEffect实例时，开发者会遇到一个特殊现象：虽然只将第一个实例添加到EffectPass中，但第二个实例的selection对象却会被合并到第一个效果中。这导致即使第二个实例未被使用，其选中的对象也会被第一个实例处理。

技术背景

SelectiveBloomEffect是基于Selection机制实现的，它允许开发者选择特定对象进行泛光处理。在底层实现中，Selection使用Three.js的图层系统(layer system)来标记需要处理的对象。

问题根源

该问题的核心在于Selection的共享机制。当创建多个SelectiveBloomEffect实例时，它们默认会使用相同的图层编号(默认值为11)。这导致所有实例的selection实际上操作的是同一个图层集合，从而产生了意外的合并效果。

解决方案

对于PostProcessing v6版本，开发者需要手动为每个SelectiveBloomEffect实例分配不同的图层编号：

// 第一个实例使用默认图层
const bloom1 = new SelectiveBloomEffect(scene, camera, {
  selection: object1
});

// 第二个实例使用不同图层
object2.layers.set(12); // 设置对象到新图层
const bloom2 = new SelectiveBloomEffect(scene, camera, {
  selection: object2
});

在即将发布的v7版本中，这个问题已经得到修复，Selection机制会为每个实例自动管理独立的图层分配。

最佳实践

1. 当需要多个独立的选择性泛光效果时，确保为每个效果使用不同的图层
2. 对于复杂场景，建议预先规划图层使用方案
3. 考虑升级到v7版本以获得更简洁的API体验
4. 在调试时，可以通过检查对象的layer属性来验证是否正确设置了图层

总结

PostProcessing库中的选择性泛光效果提供了强大的视觉表现能力，但在多实例使用时需要注意图层管理问题。理解这一机制可以帮助开发者更好地控制场景中的视觉效果，避免意外的对象选择合并。随着库版本的演进，这一体验将会变得更加友好。