Three 之 three.js （webgl）物体描边效果(outline)三种实现方式的简单整理(后期渲染/MeshBasicMaterial/法线扩展)

Three 之 three.js （webgl）物体描边效果(outline)三种实现方式的简单整理

目录

Three 之 three.js （webgl）物体描边效果(outline)三种实现方式的简单整理

一、简单介绍

二、实现原理

三、注意事项

四、效果预览

五、实现步骤

六、关键代码

---

一、简单介绍

Three js 开发的一些知识整理，方便后期遇到类似的问题，能够及时查阅使用。

本节介绍， three.js （webgl） 中实现描边效果 outline 的三种方法实现的简单介绍，其中，包括：1）后期渲染进行描边效果；2）使用 MeshBasicMaterial 略微放大比例，从而形成描边效果；3）点位置法线扩展，从而实现描边效果。其中，如果有不足之处，欢迎指出，或者你有更好的方法，欢迎留言。

二、实现原理

后期渲染实现描边：

1、具体可参见博文：