uniyu 雷达波束_Unity中绘制属性雷达图《一》

本文介绍了如何在Unity中创建雷达图,用于展示游戏人物属性。详细讲解了雷达图的顶点坐标计算、环形坐标计算以及属性填充区域的绘制方法,包括使用三角函数计算坐标和Unity UI接口绘制三角形。
摘要由CSDN通过智能技术生成

现在大多数游戏里面都是英雄或者角色属性的雷达图,来展示一个英雄的定位等直观信息。下图中是我们游戏里面的一个球员的属性雷达图和两个球员属性对比的雷达图。

一、雷达图的最终效果:

在这个demo中,我分别设置A、B、C、D四个快捷键来测试雷达图的展示效果,方便自己测试和美术看效果,A是随机生成雷达图属性值,B是从小到大生成雷达图,C是一个满属性雷达图,D是自己写死的一个数据展示一个定制数据的雷达图

二、雷达图功能拆解

从上面Demo视频中可以看出雷达图主要有6个环、11条维度线、11个最大属性点、以及属性数值的填充绘制。

1、顶点坐标的计算

首先要绘制上面的线和数据填充,就要计算出各个顶点的坐标,顶点坐标的计算可以按照下图的方式建立坐标系:

这要我们就可以通过熟悉中的三角函数来计算出各个顶点的坐标了

Vector2[]polygonVertex=newVector2[m_polygonCount + 1];

floatrad=2*Mathf.PI/m_polygonCount;

for(inti=0;i

{

floata=rad*i;

if(m_align==EAlign.Y_FORWARD){

a+=Mathf.PI/2.0f;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值