[Unity]利用Mesh绘制简单的可被遮挡,可以探测的攻击指示器

最近做一个小游戏的Demo,最终的效果是这样的

主要是利用Mesh绘制三角形作为显示,然后使用后处理来制作探灯,注意,性能一般,仅仅适合小游戏

分为3步

1:利用mesh绘制三角形,原理很简单,利用三角函数Tan,给定一个角度计算三角形左或者右一个顶点,最后绘制即可

void DrawIt()
    {
        if (distance > 0 && angle > 0)//angle角度的一半,distance指三角形起点到另外两点间的距离
        {
            Mesh mesh = new Mesh();
            float pointY = Mathf.Tan(angle * Mathf.Deg2Rad) * distance;//
            Vector3 p1 = new Vector3(distance, transform.localPosition.y, pointY);
            Vector3 p2 = new Vector3(distance, transform.localPosition.y, -pointY);
            mesh.vertices = new[] { transform.localPosition, p1, p2 };
            mesh.triangles = new[] { 0, 1, 2 };
            transform.GetComponent<MeshFilter>().mesh = mesh;
        }
    }

2:为了制作出被墙壁阻挡得效果,用了最笨得方法,即按照每一度都计算一个点,最后连成三角形,上面得三角形只有三个点,这步制作得可能有N个点,然后从每个起点向终点发射射线,如果有碰撞就将顶点修改为碰撞点,为了让三角形每个点足够平滑,还是用了一个缩放来增加顶点数

    void DrawItMore()
    {
        if (distance > 0 && angle > 0)//distance:三角形起点到某点的距离,用在Tan函数,angle,三角形角度的一半
        {
            Mesh mesh = new Mesh();
            List<Vector3> point = new List<Vector3>();
            point.Add(transform.localPosition);
            List<Vector3> pointLeft = new List<Vector3>();
            List<Vector3> pointRight = new List<Vector3>();
            RaycastHit hit;
            for (int i = angle * LineScale; i > 0; i--)//LineScale,没一度都发射射线还不够细,一般这个值为5比较合适(缩放1的时候),性能消耗主要在这
            {
                float index = i / (float)LineScale;
                float pointY = Mathf.Tan(index * Mathf.Deg2Rad) * angle;
                Vector3 p1 = new Vector3(distance, transform.localPosition.y, pointY);
                Vector3 world = transform.TransformPoint(p1);
                if (Physics.Linecast(transform.position, world, out hit, 1 << LayerMask.NameToLayer("Wall")))//只和Wall Layer进行检测
                {
                    p1 = transform.InverseTransformPoint(hit.point);
                }
                Vector3 p2 = new Vector3(GameModel.Ins.MainRoleData.AtkRange, transform.localPosition.y, -pointY);
                if (Physics.Linecast(transform.position, transform.TransformPoint(p2), out hit, 1 << LayerMask.NameToLayer("Wall")))
                {
                    p2 = transform.InverseTransformPoint(hit.point);
                }
                pointLeft.Add(p1);
                pointRight.Insert(0, p2);
            }
            point.AddRange(pointLeft);
            point.AddRange(pointRight);
            List<int> triangles = new List<int>();//简单设置顶点连接顺序,注意unity顺时针才是正面
            for (int i = 1; i < point.Count - 1; i++)
            {
                triangles.Add(i);
                triangles.Add(i + 1);
                triangles.Add(0);
            }
            mesh.vertices = point.ToArray();
            mesh.triangles = triangles.ToArray();
            transform.GetComponent<MeshFilter>().mesh = mesh;
        }
    }

3:遮挡完成了,最后一步就是制作三角形探测,大概原理是新建一个相机仅仅渲染绘制的三角形,并且修改相机设置为Don't Clear,然后将此相机渲染到纹理,最后和主相机利用屏幕后处理进行混合

3.1:新建相机设置,主要是ClearFlags和CullingMask(裁剪设置,只渲染绘制的三角形),主相机叫相机A,新相机就是相机B

3.2:将此相机渲染到纹理,并为混合Shader赋值

void Start()
    {
        var t = new RenderTexture(Screen.width, Screen.height, 16);
        GetComponent<Camera>().targetTexture = t;
        Mat.SetTexture("_LOSMaskTexture", t);//Mat是后面用到的Shader,这里仅仅为Shader图片赋值,也可以不用代码创建RenderTexture,随意
    }

3.3:编写混合Shader,就是单纯的根据某个通道值叠加

Shader "Custom/LOSMaskShader"
{
    Properties
    {
        _MainTex("MainTex",2D) = "white"{}
        _LOSMaskTexture("LOSMaskTexture",2D) = "white"{}//相机B生成的图
        _MaskScale("MaskScale", float) = 0.5//混合比例
    }
    SubShader
    {
        // No culling or depth
        Cull Off ZWrite Off ZTest Always//屏幕后处理的标配

        Pass
        {
            CGPROGRAM
            #pragma vertex vert
            #pragma fragment frag
            
            #include "UnityCG.cginc"

            struct appdata
            {
                float4 vertex : POSITION;
                float2 uv : TEXCOORD0;
            };

            struct v2f
            {
                float2 uv : TEXCOORD0;
                float4 vertex : SV_POSITION;
            };

            v2f vert (appdata v)
            {
                v2f o;
                o.vertex = UnityObjectToClipPos(v.vertex);
                o.uv = v.uv;
                return o;
            }
            
            sampler2D _LOSMaskTexture;
            sampler2D _MainTex;
            float _MaskScale;

            fixed4 frag (v2f i) : SV_Target
            {
                float4 mask = tex2D(_LOSMaskTexture,i.uv);
                float4 main = tex2D(_MainTex,i.uv);

                main = main * saturate(mask.r + _MaskScale);    //这里提取相机B的R值作为混合,MsakScale越高自然整体越亮
                return main;
            }
            ENDCG
        }
    }
}

3.4:最后一步,利用OnRenderImage应用屏幕后处理效果

private void OnRenderImage(RenderTexture source, RenderTexture destination)
    {
        Graphics.Blit(source, destination, LOSMaskMaterial);//Mat是上面Shader的Mat
    }

Over,对Shader不熟悉的可以看看资料,高性能的等以后有机会了专门研究下,完结撒花