ThreeJS后期处理通道

outlinepass https://threejs.org/examples/webgl_postprocessing_outline.html Three.js提供了很多后期通道。下面列出了官方文档中的23个通道。 1. AdaptiveToneMappingPass 1. AfterimagePass 1. BloomPass：该通道可以增强场景中明亮的区域，可以模拟辉光。 1. BokehPass 1. ClearPass 1. CubeTexturePass 1. DotScreenPass 1. EffectComposer 1. FilmPass 1. GlitchPass 1. HalftonePass 1. MaskPass 1. OutlinePass：轮廓通道，可以为边缘添加发光效果。 1. RenderPass 1. SAOPass 1. SavePass 1. ShaderPass 1. SMAAPass 1. SSAARenderPass 1. SSAOPass 1. TAARenderPass 1. TexturePass 1. UnrealBloomPass ## []()[]()[]()13.outlinepass outlinepass通道可以为物体（场景中被被添加到通道中的物体）的边缘添加一个发光效果。下面是一些可配置的参数。 ``` edgeStrength: 3.0, //强度 默认3 edgeGlow: 1, 强度 默认1 edgeThickness: 1.0, //边缘浓度 pulsePeriod: 0, 闪烁频率 默认0 值越大频率越低 usePatternTexture: false 使用纹理 visibleEdgeColor #ffffff 边缘可见部分发光颜色 hiddenEdgeColor #190a05 边缘遮挡部分发光颜色 ``` 写了一个[three-outlinepass](https://www.npmjs.com/package/three-outlinepass)，方便在npm的项目中使用。 `npm i three-outlinepass` 对于outlinepass这里有个地方不要产生误解，不是所有的物体边缘，也不是添加到通道中所有物体的所有边缘，而是物体渲染后整体的边缘，类似ps中合并图层之后的再添加描边效果一样。对面下面两张图片，不同角度边缘是不一样的。  

---