Unity 使用Sprite绘制一条自定义图片的线

news/2024/11/13 12:29:58/

Unity 使用Sprite绘制一条自定义图片的线

前言
项目
- 场景布置
- 代码编写
- 总结
运行效果
感谢

前言

遇到一个需要绘制自定义形状的需求。那只能利用Sprite来绘制一条具有自定义图片的线，通过代码动态设置起点、终点以及线宽，实现灵活的线条效果。
Sprite画线

项目

场景布置

在Unity中创建一个空场景，随后创建一个空物体用于挂载脚本，并设置上Sprite Renderer组件。确保在项目中导入一张用于线条的Sprite图片，并将其分配给Sprite Renderer中的Sprite属性。
再分别设置起点、终点、线宽。
场景布置

代码编写

下面是核心的SpriteLine脚本的代码，该脚本使用ExecuteInEditMode属性，使其在编辑模式下也能生效。

using UnityEngine;[ExecuteInEditMode]
public class SpriteLine : MonoBehaviour
{public SpriteRenderer lineSprite; // 需要在Inspector窗口中分配的Spritepublic Vector3 startPoint;public Vector3 endPoint;public float lineWidth = 0.1f;private SpriteRenderer spriteRenderer;public Transform caster;public Transform target;/// <summary>/// 初始化/// </summary>public void Init(Transform caster, Transform target){this.caster = caster;this.target = target;}void Start(){Init(caster, target);CreateSpriteRenderer();UpdatePositionAndRotation();}void Update(){if (caster != null){startPoint = caster.position;}if (target != null){endPoint = target.position;}// 在运行时更新位置和旋转，以确保线跟随起点和终点的位置变化UpdatePositionAndRotation();}void OnDrawGizmos(){//return;CreateSpriteRenderer();spriteRenderer.sprite = lineSprite.sprite;spriteRenderer.drawMode = SpriteDrawMode.Sliced;Gizmos.color = Color.white;Gizmos.DrawLine(startPoint, endPoint);}void CreateSpriteRenderer(){if (spriteRenderer == null){spriteRenderer = GetComponent<SpriteRenderer>();if (spriteRenderer == null){spriteRenderer = gameObject.AddComponent<SpriteRenderer>();spriteRenderer.hideFlags = HideFlags.HideInInspector | HideFlags.HideInHierarchy;}}}void UpdatePositionAndRotation(){// 设置线的中心位置为起点和终点的中点Vector3 centerPosition = (startPoint + endPoint) / 2f;transform.position = centerPosition;// 设置旋转角度Vector3 direction = endPoint - startPoint;float angle = Mathf.Atan2(direction.y, direction.x) * Mathf.Rad2Deg;transform.rotation = Quaternion.AngleAxis(angle, Vector3.forward);// 设置Sprite的大小spriteRenderer.size = new Vector2(direction.magnitude, lineWidth);}
}