Unity2D Sprite虚线描边，非Shader

最新推荐文章于 2024-04-11 11:27:36 发布

Sugar丶Bomb

最新推荐文章于 2024-04-11 11:27:36 发布

阅读量1.2k

点赞数 4

文章标签： unity 游戏引擎

本文链接：https://blog.csdn.net/weixin_46543908/article/details/130175892

版权

近期要做一个虚线描边的效果（当然实线也是一样实现的，只需要把图片换成实线即可），但不会写Shader，网上找的效果也不是很合适，于是就找别方法来实现这一操作。项目主要用到PolygonCollider2D，分两种方法实现，一种是用LineRenderer，另一种是通过使用Ferr2DTerrainTool地形插件（Ferr2D插件的话，需要大家自己去寻找一下），那么下面开始介绍实现的方法：

1、LineRenderer的实现方法

（1）需要准备的设置

首先我们需要准备一条续虚线段，如这种的

对图片的设置如下（用于做材质）：

接下来创建一个材质球，将其放入Resources文件夹中，材质球设置如下：

这个材质球用过改版Tiling的值，在LineRenderer中来实现虚线的效果（有兴趣的话可以新创建一个LineRenderer，观察一下）。

（2）代码实现

现在要描边的游戏物体身上挂载PolygonCollider2D组件（如果感觉系统自动给的PolygonCollider2D的点不准确的话，可以搜一些能让点准确的脚本辅助一下）。

实现原理：让LineRenderer来获取PolygonCollider2D所有的点，来进行画线操作。当PolygonCollider2D的Path有多个时，要创建出相同数量的物体并搭载上LineRenderer组件。

代码如下：

public class OutLineLiner : MonoBehaviour
{
PolygonCollider2D polygon;
List<LineRenderer> lines = new List<LineRenderer>();
private Material material;
private Vector2 tiling;
private int mainTexProperty;
// 线长
private float lineLen;
// 密度
private float density = 1.5f;
Vector2[] polygonPos;

void Start()
{
polygon = GetComponent<PolygonCollider2D>();
//记录材质上Shader的ID
mainTexProperty = Shader.PropertyToID("_MainTex");
for (int i = 0; i < polygon.pathCount; i++)
{
//通过Path的数量创建相应数量的新物体，并挂载LineRenderer组件
GameObject go = new GameObject();
go.transform.SetParent(transform);
lines.Add(go.AddComponent<LineRenderer>());
//当前物体上的LineRenderer的相关设置
lines[i].material = Resources.Load<Material>("XuXian1");
lines[i].widthMultiplier = 0.1f;
lines[i].loop = true;
lines[i].useWorldSpace = false;
lines[i].numCornerVertices = 10;
lines[i].numCapVertices = 1;
if (transform.name.Equals("OutLine"))
{
lines[i].sortingLayerName = "WayPoint";
lines[i].sortingOrder = GetComponentInParent<SpriteRenderer>().sortingOrder;
}
else
{
lines[i].sortingLayerName = "WayPoint";
lines[i].sortingOrder = GetComponent<SpriteRenderer>().sortingOrder;
}
material = lines[i].material;
//通过获取当前PolygonCollider2D的Path中点的数量，赋值给LineRenderer的点的数量
lines[i].positionCount = polygon.GetPath(i).Length;
//获取当前PolygonCollider2D的Path中点的详细信息
polygonPos = polygon.GetPath(i);
//画线
for (int j = 0; j < lines[i].positionCount; j++)
{
lines[i].SetPosition(j, transform.TransformPoint(polygonPos[j]));
lineLen = LineLength(lines[i]);
// 根据线段长度计算Tiling
tiling = new Vector2(lineLen * density, 0);
// 设置Tiling
material.SetTextureScale(mainTexProperty, tiling);
}
}
}

//获取线段的长度
private float LineLength(LineRenderer line)
{
float Liner = 0;
for (int i = 1; i < line.positionCount; ++i)
{
Liner += (line.GetPosition(i) - line.GetPosition(i - 1)).magnitude;
}
return Liner;
}
}

效果如下：

单Path

多Path

1、Ferr2D的实现方法

（1）需要准备的设置

虚线图片和材质球的设置和上面LineRenderer的一样，下面我们先创建一个TerrainMaterial：

将之前创建的材质球拖入到TerrainMaterial中

让我们创建一个Ferr2D地形

对Ferr进行设置，让其只显示边缘：

之后放入Resources文件夹中。

开始上代码：

public class OutLineFerr : MonoBehaviour
{
PolygonCollider2D polygon;
Ferr2DT_PathTerrain terrain;
List<Vector2> terrainPos = new List<Vector2>();

void Start()
{
polygon = GetComponent<PolygonCollider2D>();
//通过Path的数量复制相应数量的Ferr
for (int i = 0; i < polygon.pathCount; i++)
{
GameObject go = Instantiate(Resources.Load("edge")) as GameObject;
go.transform.SetParent(transform);
go.transform.localPosition = Vector3.zero;
terrain = go.GetComponent<Ferr2DT_PathTerrain>();
CreatTerrain(polygon.GetPath(i));
}
}

//创建Ferr
public void CreatTerrain(Vector2[] pos)
{
terrainPos.Clear();
//记录PolygonCollider2D的点的详细信息
terrainPos.AddRange(pos);
terrain.ClearPoints();
//给Ferr添加所有点的信息
for (int i = 0; i < terrainPos.Count; i++)
{
terrain.AddPoint(transform.TransformDirection(terrainPos[i]), i, Ferr.PointType.Sharp);
}
terrain.PathData.SetDirty();
//创建Ferr
terrain.Build(true);
terrain.transform.GetComponent<Renderer>().sortingLayerName = "WayPoint";
terrain.GetComponent<MeshRenderer>().sortingOrder = GetComponentInParent<Renderer>().sortingOrder;
}
}