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

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

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

分为3步

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

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

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

 1     void DrawItMore()
 2     {
 3         if (distance > 0 && angle > 0)//distance:三角形起点到某点的距离,用在Tan函数,angle,三角形角度的一半
 4         {
 5             Mesh mesh = new Mesh();
 6             List<Vector3> point = new List<Vector3>();
 7             point.Add(transform.localPosition);
 8             List<Vector3> pointLeft = new List<Vector3>();
 9             List<Vector3> pointRight = new List<Vector3>();
10             RaycastHit hit;
11             for (int i = angle * LineScale; i > 0; i--)//LineScale,没一度都发射射线还不够细,一般这个值为5比较合适(缩放1的时候),性能消耗主要在这
12             {
13                 float index = i / (float)LineScale;
14                 float pointY = Mathf.Tan(index * Mathf.Deg2Rad) * angle;
15                 Vector3 p1 = new Vector3(distance, transform.localPosition.y, pointY);
16                 Vector3 world = transform.TransformPoint(p1);
17                 if (Physics.Linecast(transform.position, world, out hit, 1 << LayerMask.NameToLayer("Wall")))//只和Wall Layer进行检测
18                 {
19                     p1 = transform.InverseTransformPoint(hit.point);
20                 }
21                 Vector3 p2 = new Vector3(GameModel.Ins.MainRoleData.AtkRange, transform.localPosition.y, -pointY);
22                 if (Physics.Linecast(transform.position, transform.TransformPoint(p2), out hit, 1 << LayerMask.NameToLayer("Wall")))
23                 {
24                     p2 = transform.InverseTransformPoint(hit.point);
25                 }
26                 pointLeft.Add(p1);
27                 pointRight.Insert(0, p2);
28             }
29             point.AddRange(pointLeft);
30             point.AddRange(pointRight);
31             List<int> triangles = new List<int>();//简单设置顶点连接顺序,注意unity顺时针才是正面
32             for (int i = 1; i < point.Count - 1; i++)
33             {
34                 triangles.Add(i);
35                 triangles.Add(i + 1);
36                 triangles.Add(0);
37             }
38             mesh.vertices = point.ToArray();
39             mesh.triangles = triangles.ToArray();
40             transform.GetComponent<MeshFilter>().mesh = mesh;
41         }
42     }

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

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

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

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

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

 1 Shader "Custom/LOSMaskShader"
 2 {
 3     Properties
 4     {
 5         _MainTex("MainTex",2D) = "white"{}
 6         _LOSMaskTexture("LOSMaskTexture",2D) = "white"{}//相机B生成的图
 7         _MaskScale("MaskScale", float) = 0.5//混合比例
 8     }
 9     SubShader
10     {
11         // No culling or depth
12         Cull Off ZWrite Off ZTest Always//屏幕后处理的标配
13
14         Pass
15         {
16             CGPROGRAM
17             #pragma vertex vert
18             #pragma fragment frag
19
20             #include "UnityCG.cginc"
21
22             struct appdata
23             {
24                 float4 vertex : POSITION;
25                 float2 uv : TEXCOORD0;
26             };
27
28             struct v2f
29             {
30                 float2 uv : TEXCOORD0;
31                 float4 vertex : SV_POSITION;
32             };
33
34             v2f vert (appdata v)
35             {
36                 v2f o;
37                 o.vertex = UnityObjectToClipPos(v.vertex);
38                 o.uv = v.uv;
39                 return o;
40             }
41
42             sampler2D _LOSMaskTexture;
43             sampler2D _MainTex;
44             float _MaskScale;
45
46             fixed4 frag (v2f i) : SV_Target
47             {
48                 float4 mask = tex2D(_LOSMaskTexture,i.uv);
49                 float4 main = tex2D(_MainTex,i.uv);
50
51                 main = main * saturate(mask.r + _MaskScale);    //这里提取相机B的R值作为混合,MsakScale越高自然整体越亮
52                 return main;
53             }
54             ENDCG
55         }
56     }
57 }

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

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

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