网站 设计 文档wordpress是cms

本项目基于URP

实现一，读取UV网格，由自定义shader实现效果

优缺点

优点：可以使用代码调整线的粗细和内部填充颜色
缺点：要求模型的每个面必须是四边形或三角形，不能出现更多的边，否则无法正确描出边框，这会要求房间的门框等需要折角的地方会产生额外的线框

效果展示

模型准备

我们需要特殊处理一下模型的UV，重置所有的UV，让顶点紧贴UV坐标的边框，注意如果一个面有5个及以上的边，那么无法让这个面的每个顶点都紧贴边缘，这样最后的结果是错误的

为了以后贴图方便，我们为模型构建第二套纹理，重置第二套纹理的UV，第一套保持不变

整体结构

各区域内容

区域1

区域1看似复杂，其实是四条线的思路是一样的，这里做的事只有一件，就是获得一个外边是白色矩形，内部是黑色方块的贴图。
具体来说，使用一个范围为0.5-1的slider决定白色区域的粗细。
1号2号两个条线拼接出白框上边和下边，3号4号拼接出白框左右边，最后相加，得的白框，最后将白色范围钳制到0-1之内。
需要注意，这里我们用的是第二套UV贴图（UV01）；

区域2

反转黑白区域，目的是为了填充中间区域的颜色

区域3

为白色边框添加颜色，并和区域2里的颜色相加，获得最后的颜色

区域4

输出颜色，并且添加透明度

shader属性

透明，additive混合，双面渲染

颜色属性

borderColor使用HDR颜色，目的是为了边缘自发光效果，内部填充颜色不要用HDR颜色，否则混合结果会很难看。

材质属性

使用shader创建材质，为borderColor添加HDR高亮

后处理

为后处理添加bloom效果，最好将高亮的颜色Tint改为和边线一样的颜色

实现二，直接使用纹理，使用默认shader实现

优缺点

优点：可以高度自定义，想要什么图案画在纹理上就是了，使用起来非常方便
缺点：图案是静态的，不能使用参数调整

贴图准备

在模型制作软件中导出UV布局图，然后沿着UV边线绘制图案，并填充所需的颜色，需要注意的是，填充色应该比边线颜色暗的多。

材质准备，使用默认的