【Unity】多边形雷达图

最新推荐文章于 2024-09-13 22:36:00 发布

MrASL

最新推荐文章于 2024-09-13 22:36:00 发布

阅读量4.9k

点赞数

分类专栏： Unity 游戏开发文章标签： GUI unity UGUI

本文链接：https://blog.csdn.net/mobilebbki399/article/details/78359385

版权

本文介绍了一种在Unity中使用UGUI实现多边形雷达图的方法，支持3边以上的任意形状，并通过PropertyDrawer扩展Inspector面板，简化配置。雷达图用于直观展示角色属性，还包含了点击穿透判定功能的实现。

摘要由CSDN通过智能技术生成

多边形雷达图作为游戏中直观体现角色各项数值的UI在许多游戏中得到应用。目前关于unity中实现雷达图的方式的教程有很多，这里提供一种UGUI实现方案，主要有以下功能：

1.支持3边以上的任意多边形。

2.使用PropertyDrawer扩展了Inspector面板，方便调节

3.支持点击穿透判定：

实现步骤：

一、实现PolygonImageEdge类，用来表示多边形雷达图的边列表，首先假设UI有N条边，其中第I条边的权重为W(0<W<=1)，则可以计算出该边的顶点在局部空间中的坐标:

[System.Serializable]
public class PolygonImageEdge
{
    public int EdgeCount
    {
        get
        {
            if (m_Weights == null)
                return 0;
            return m_Weights.Count;
        }
    }
 
    public List<float> Weights
    {
        get { return m_Weights; }
    }