Three.js使用outlinePass描边后,描边颜色和背景叠加变淡
Three.js使用outlinePass描边后,描边颜色和背景叠加变淡
- 遇到一个问题,记录一下
- 解决效果
- 解决方案
- 源码定位
遇到一个问题,记录一下
在使用threejs的outlinepass后处理时候,发现怎么调整颜色,这个颜色都很淡,就类似这个图片的箭头地方
排查了一会,发现官方的案例是黑色的底,可以显示的很好,但是换成浅色的底,就会变淡,怀疑是叠加了这个底色,bing搜索了了一下,找到解决方案。
解决效果
灰常的清晰~!!!!
解决方案
只要加上这句话就行
outlinePass.overlayMaterial.blending = THREE.CustomBlending
源码定位
在这个getOverlayMaterial,自定义的叠加材质里面用的是这个混合模式,修改一下就好了。