推荐：将NSDT场景编辑器加入你的3D工具链

3D工具集：NSDT简石数字孪生

OutlinePass描边样式

继续上节课关于OutlinePass的讲解，给大家演示如何修改OutlinePass默认高亮发光描边样式。

OutlinePass有很多控制高亮外边框样式的属性，下面介绍几个比较常用的属性。

//模型描边颜色，默认白色         
outlinePass.visibleEdgeColor.set(0xffff00); 
//高亮发光描边厚度
outlinePass.edgeThickness = 4; 
//高亮描边发光强度
outlinePass.edgeStrength = 6; 
 //模型闪烁频率控制，默认0不闪烁
outlinePass.pulsePeriod = 2;

描边颜色.visibleEdgeColor

修改OutlinePass默认边框效果

.visibleEdgeColor可以设置模型边缘高亮描边颜色

//模型边缘高亮边框颜色，默认白色  
outlinePass.visibleEdgeColor.set(0xffff00);

描边厚度.edgeThickness

outlinePass.edgeThickness表示高亮发光描边的厚度，默认值1

console.log('描边厚度',outlinePass.edgeThickness);          

轮廓边缘描边厚度设置

outlinePass.edgeThickness = 4.0;

描边亮度.edgeStrength

outlinePass.edgeThickness表示高亮描边的发光强度，默认值3

console.log('描边亮度',outlinePass.edgeStrength);

高亮描边发光强度设置

outlinePass.edgeStrength = 6; 

描边闪烁.pulsePeriod

outlinePass.pulsePeriod的功能是控制描边的闪烁频率，默认0不闪烁。

outlinePass.pulsePeriod = 2;

上一篇：ThreeJS教程：后处理(发光描边OutlinePass) (mvrlink.com)

下一篇：ThreeJS教程：Bloom发光通道 (mvrlink.com)