Three.js带Depth实现分区辉光

一、效果

二、如何实现

• 1.基于EffectComposer后期渲染器。
• 2.借助UnrealBloomPass渲染通道，实现辉光效果。
• 3.接住ShaderPass，保此原有material。
• 4.单帧两次渲染，分别渲染辉光部分，还原正常部分。
• 5.相比直接分层两次渲染，修复了深度信息丢失导致的层级问题。

三、代码实现

四、注意点

1. UnrealBloomPass将会影响渲染器的alpha通道，需要修改源码解决。 源码地址
2. 分层渲染时，由于清除了深度信息，会导致模型层级问题。