被遗忘的Shader程序纹理-延边内缩纹理

最新推荐文章于 2024-03-14 19:00:00 发布

小盖子

最新推荐文章于 2024-03-14 19:00:00 发布

阅读量361

点赞数 2

分类专栏： Shader 文章标签：程序纹理延边内缩延边纹理切面纹理切割纹理

本文链接：https://blog.csdn.net/ww1351646544/article/details/107139303

版权

Shader 专栏收录该内容

71 篇文章 37 订阅

订阅专栏

正文：

最近接到一个需求最终效果如图:
在这里插入图片描述
贴图是这样子的

即沿着模型边缘向内画一圈，咱先不管这效果有啥用处哈。
确实翻便了很多网站都没能查到什么有用的资料，也试了很多点的方法。
比如：
我自己想的是,用3个Pass通关，每个比上一个向上一点，顶点向中心点缩一点来达到这种效果。
用性能小号非常大不说，如果在上面叠加别的效果也是非常麻烦，不可操作。
效果大概是这样的：
在这里插入图片描述
以下是使用程序纹理的实现的大致流程：
一、首先是找到切面中的所有顶点。
二、记录所有顶点所对应的UV顶点。
三、利用所有UV顶点的平均值算出大概的UV中心点。
四、每个UV顶点连接中心点可以得到一个夹角。
五、能过第四步的夹角对顶点进行排序。
六、利用程序纹理画线，按顺序连接所有点。
七、头尾相连封口。

疑问点：
一、顶点对应UV是怎么确定的。
答：一种方式的自家的模型，UVW展开的时候可以进行编辑。
在这里使用的是(EzySlice)工具进行对切得到的，只能用来地切简单模型，切后会直接生成一个面直接使用一个独立的材质，我们就可以在这上面做文章了。

二、如何对纹理进行画线。
答：这部分也是核心，把代码分享给大家：
1、OperateTexture参数是（排好序的顶点，原本材质贴图）。
2、将方法返回的图片重新赋值给材质即可。

//画线部分
    //**************************************************************************************
    private float lineNum = 1000f;
    private int lineWidth = 10;//设置笔宽
    private Color lineColor = new Color(1,0.658f, 0.525f);// Color.red;

    private Texture2D OperateTexture(List<Vector2> listPoint, Texture2D targetTex)//, TextureLineType lineType
    {
        Texture2D curTex2D = new Texture2D(targetTex.width, targetTex.height);
        curTex2D.SetPixels(targetTex.GetPixels());

        for (int i = 0; i < listPoint.Count - 1; i++)
        {
            draw(curTex2D, listPoint[i], listPoint[i + 1]);
        }
        draw(curTex2D, listPoint[listPoint.Count-1], listPoint[0]);

        curTex2D.Apply();
        return curTex2D;
    }

    private void draw(Texture2D tex, Vector2 start, Vector2 end)
    {
        for (int j = 0; j < lineNum; j++)
        {
            float scaleX = Mathf.Lerp(start.x, end.x, j / lineNum);
            float scaleY = Mathf.Lerp(start.y, end.y, j / lineNum);
            int textureX = (int)(scaleX * tex.width);
            int textureY = (int)(scaleY * tex.height);
            // 线条加粗
            for (int a = textureX - lineWidth; a < textureX + lineWidth; a++)
            {
                for (int b = textureY - lineWidth; b < textureY + lineWidth; b++)
                {
                    tex.SetPixel(a, b, lineColor);
                }
            }
        }
    }
    //**************************************************************************************