Unity 绘制多边形
最近工程需要用到一个多边形用来查看角色属性,于是就研究了下Mesh用网格做了一个。遗憾的的 UGUI 渲染不了 3D 物体,然后又用了一段时间研究了下UGUI的网格绘制。
不过终于还是完成了,虽然有些瑕疵…… 好吧 有很大的问题 UV 需要自己计算。(如果有朋友精通这一块,希望能帮忙改进一下)
下边是5.2以下版本使用 的
在Unity中一个Mesh使用3个顶点就能画出来,但是UGUI需要使用四个顶点才行,所以在画一些特殊模型的时候就会产生一些废点(对图形没影响但是必须存在)。
下面要开始了。额……再等等,先让我借用几张图
Ok 先上使用教
先添加个这个
程:
然后在这下边创建个空物体
然后添加这个脚本
然后就可以编辑这个脚本的属性 实现不同的多边形啦
使用polygon脚本 可以实现很多种形状 比如这些:
注意:上边这些都是UGUI,并不是模型网格;
5.2的UGUIAPI改动比较大所以不能想想兼容,我是在原作者的代码基础上改的。(希望原作者不会介意……额 我还是发个邮件说一下吧!!!!!!)
使用步骤和上边一样,这两个具有相同的问题就是UV的贴的时候没有贴好(原谅我这个数学渣渣),在原基础上增加了顶点网格的设置,其余的没有更改。
5.2(包涵)以上版本的 在上边的连接可以下载到 ,下边是5.2以下版本的。
//*********************************************************************
//
// ScriptName : UIPolygonPast
//
// 筱程
//
//********************************************************************* using UnityEngine;
using UnityEngine.UI;
using System.Collections.Generic;
public class UIPolygonPast : MaskableGraphic
{ List<Vector2> pointPosition = new List<Vector2>();
List<Vector2> Vertex = new List<Vector2>();
List<Vector2> UV = new List<Vector2>();
// 是否使用顶点画 默认是不使用
// 使用需要用户自己传入顶点位置
// 否则会根据顶点数目 以零点位置自动计算圆形顶点位置
[SerializeField]
Texture m_Textrue; public bool usingVertex; // 是否中空
public bool fill = true; // 顶点数目
[Range(, )]
public int sides = ;
// 选择角度
[Range(, )]
public float Rotation = ;
// 边缘厚度
[Range(, )]
public float Thickness = ;
// 顶点距离
[Range(, )]
public float[] VerticesDistances = new float[]; private float size = 1f;
public override Texture mainTexture {
get {
return m_Textrue == null ? s_WhiteTexture : m_Textrue;
}
}
public Texture texture {
get {
return m_Textrue;
}
set {
if (m_Textrue == value)
return;
m_Textrue = value;
SetVerticesDirty();
SetMaterialDirty();
}
}
/// <summary>
/// 设置图片顶点
/// </summary>
/// <param name="_Vertex"></param>
public void DrwaPolyonVertex(List<Vector2> _Vertex) {
DrwaPolyonVertex(_Vertex, null);
}
/// <summary>
/// 设置图片顶点
/// </summary>
/// <param name="_Vertex">顶点</param>
/// /// <param name="_UV">UI</param>
public void DrwaPolyonVertex(List<Vector2> _Vertex,List<Vector2> _UV) {
Vertex = _Vertex;
UV = _UV;
usingVertex = true;
}
/// <summary>
/// 设置顶点数目
/// </summary>
/// <param name="_sides"></param>
public void DrwaPolygon(int _sides) {
DrwaPolygon(_sides, null);
}
/// <summary>
/// 设置顶点数目
/// </summary>
/// <param name="_sides"></param>
/// <param name="_VerticesDistances">顶点距离信息</param>
public void DrwaPolygon(int _sides, float[] _VerticesDistances) {
DrwaPolygon(_sides, _VerticesDistances, );
}
/// <summary>
/// 设置顶点数目
/// </summary>
/// <param name="_sides"></param>
/// <param name="_VerTicesDstances">顶点距离信息</param>
/// <param name="_Rotation">顶点旋转</param>
public void DrwaPolygon(int _sides, float[] _VerTicesDstances,float _Rotation) {
sides = _sides;
if (_VerTicesDstances != null)
VerticesDistances = _VerTicesDstances;
Rotation = _Rotation;
usingVertex = false;
}
private Vector2 CalculatedPosition(Vector2 p1, Vector2 p2, Rect rect) {
p1.x *= rect.width;
p1.y *= rect.height;
return p1;
} // UI网格都是四边形,所以需要四个顶点
// 但是我们只需要三个顶点,所以就需要添加一个废点
// 否则不能组成网格
// 最后所有点数的总和应该是4的倍数
protected override void OnFillVBO(List<UIVertex> vbo) {
vbo.Clear(); if (usingVertex) {
VerterxDrwa(ref vbo);
} else {
VerterxNumberDrwa(ref vbo);
}
}
// 用顶点画
private void VerterxDrwa(ref List<UIVertex> vbo) {
Vector2 pos1 = Vector2.zero;
Vector2 pos2 = Vector2.zero;
Vector2 pos3 = Vector2.zero;
Vector2 pos4 = Vector2.zero;
if (Vertex.Count == ) {
pointPosition.Clear();
pointPosition.Add(new Vector2(, -) / 2f);
pointPosition.Add(new Vector2(-, -0.5f) / 2f); pointPosition.Add(new Vector2(-, 0.5f) / 2f);
pointPosition.Add(new Vector2(, ) / 2f);
pointPosition.Add(new Vector2(, 0.5f) / 2f);
pointPosition.Add(new Vector2(, -0.5f) / 2f);
} else {
pointPosition.Clear();
pointPosition = Vertex;
} for (int i = ; i < pointPosition.Count; i++) {
Vector2 pos = pointPosition[i];
pointPosition[i] = CalculatedPosition(pos, rectTransform.pivot, rectTransform.rect);
}
int count = pointPosition.Count;
Vector2 uv1 = new Vector2(, );
Vector2 uv2 = new Vector2(, );
Vector2 uv3 = new Vector2(, );
Vector2 uv4 = new Vector2(, );
for (int i = ; i < count - ; i++) { pos1 = pointPosition[i];
pos2 = pointPosition[i] + ( pointPosition[i] - Vector2.zero ) * -0.2f;
pos3 = Vector2.zero;
pos4 = pointPosition[i + ];
if (UV != null && count==UV.Count) {
uv3 = new Vector2(0.5f, 0.5f);
uv1 = UV[i];
uv4 = UV[i + ];
uv2 = uv1 + ( uv1 - uv3 ) * -0.2f;
}
AddUIVerterx(ref vbo, new Vector2[] { pos1, pos2, pos3, pos4 }, new Vector2[] { uv1, uv2, uv3, uv4 });
} pos1 = pointPosition[count - ];
pos2 = pointPosition[count - ] + ( pointPosition[count - ] - Vector2.zero ) * -0.2f;
pos3 = Vector2.zero;
pos4 = pointPosition[];
if (UV != null && count == UV.Count) {
uv1 = UV[count - ];
uv4 = UV[];
uv2 = uv1 + ( uv1 - uv3 ) * -0.2f;
}
AddUIVerterx(ref vbo, new Vector2[] { pos1, pos2, pos3, pos4 }, new Vector2[] { uv1, uv2, uv3, uv4 });
}
// 用顶点数画多边形
private void VerterxNumberDrwa(ref List<UIVertex> vbo) { float degrees = 360f / sides; size = rectTransform.rect.width > rectTransform.rect.height ? rectTransform.rect.height : rectTransform.rect.width;
Thickness = Mathf.Clamp(Thickness, , size / ); if (VerticesDistances == null || VerticesDistances.Length != sides + ) {
VerticesDistances = new float[sides + ];
for (int i = ; i < sides; i++)
VerticesDistances[i] = ;
}
VerticesDistances[sides] = VerticesDistances[];
Vector2 pos1 ;
Vector2 pos2 ;
Vector2 pos3 ;
Vector2 pos4 ;
Vector2 lastPosx = Vector2.zero;
Vector2 lastPosy = Vector2.zero;
Vector2 uv1 = new Vector2(, );
Vector2 uv2 = new Vector2(, );
Vector2 uv3 = new Vector2(, );
Vector2 uv4 = new Vector2(, );
//Vector2 lastuv = new Vector2(0.5f, 0.5f);
for (int i = ; i <= sides; i++) { float outer = -rectTransform.pivot.x * size * VerticesDistances[i];
float inner = -rectTransform.pivot.x * size * VerticesDistances[i] + Thickness;
float rad = Mathf.Deg2Rad * ( i * degrees + Rotation );
float c = Mathf.Cos(rad);
float s = Mathf.Sin(rad);
pos1 = lastPosx;
pos2 = new Vector2(outer * c, outer * s); if (fill) {
pos3 = Vector2.zero;
pos4 = Vector2.zero;
} else {
pos3 = new Vector2(inner * c, inner * s);
pos4 = lastPosy;
}
#region
//int x = (int) (pos1.x < 0 ? pos1.x * -1 : pos1.x * 2);
//int y = (int)( pos1.y < 0 ? pos1.y * -1 : pos1.y * 2 ); //float uvx = 0;
//float uvy = 0;
// if (x != 0) {
// uvx =x / size;
// }
// if (y != 0) {
// uvy =y / size;
// } //uv2 = new Vector2(uvx, uvy);
//uv1 = lastuv;
//lastuv = uv2;
#endregion
lastPosx = pos2;
lastPosy = pos3;
AddUIVerterx(ref vbo, new Vector2[] { pos1, pos2, pos3, pos4 }, new Vector2[] { uv1, uv2, uv3, uv4 });
}
}
private void AddUIVerterx(ref List<UIVertex> vbo, Vector2[] pos, Vector2[] uv = null) {
UIVertex vert = UIVertex.simpleVert;
for (int i = ; i < pos.Length; i++) {
vert.position = pos[i];
vert.color = color;
if (uv != null && uv.Length == pos.Length)
vert.uv0 = uv[i];
vbo.Add(vert);
}
}
}
Unity 绘制多边形的更多相关文章
- 用线框模式绘制多边形 glPolygonMode
glPolygonMode(GL_FRONT_AND_BACK, GL_LINE); glBegin(GL_TRIANGLES);//开始以g_ViewMode模式绘制 glColor3ub(182. ...
- [WebGL入门]十四,绘制多边形
注意:文章翻译http://wgld.org/.原作者杉本雅広(doxas),文章中假设有我的额外说明,我会加上[lufy:].另外,鄙人webgl研究还不够深入.一些专业词语,假设翻译有误,欢迎大家 ...
- canvas绘制多边形
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...
- leaflet简单例子,绘制多边形
var crs = L.CRS.EPSG900913; var map = L.map('map', { crs: crs, width: '100%', height: '100%', maxZoo ...
- 【Silverlight】Bing Maps学习系列(五):绘制多边形(Polygon)图形(转)
[Silverlight]Bing Maps学习系列(五):绘制多边形(Polygon)图形 Bing Maps Silverlight Control支持用户自定义绘制多边形(Polygon)图形, ...
- 浅谈使用canvas绘制多边形
本文主要使用坐标轴的使用来绘制多边形,点位则都是在y轴上寻找,这种方法能够更好的理解图形与修改. //id为html里canvas标签的属性id: //x,y为坐标轴的起始位置,因为canvas默认坐 ...
- JS实现鼠标点击爱心&绘制多边形&每日一言功能
本篇文章主要介绍我的个人博客 程序猿刘川枫 中页面使用的美化功能(基于JS实现): 1.鼠标点击出现不同颜色爱心特效 2.页面浮动多边形跟随鼠标移动 3.每日一言功能 1.鼠标点击出现爱心特效 经常在 ...
- Unity动态构建mesh绘制多边形算法流程分析和实践
前言 先说一下,写这篇博文的动机,原文的博主代码写的十分潇洒,以至于代码说明和注释都没有,最近恰逢看到,所以以此博文来分析其中的算法和流程 参考博文:https://blog.csdn.net/lin ...
- unity 绘制三角形
哎 该学的还是要学 参考:http://www.narkii.com/club/thread-369573-1.html unity 顶点绘制三角形 脚本绘制; 其实filter和render就是进行 ...
随机推荐
- HeadFirst设计模式读书笔记(5)-单例模式
单例模式:确保一个类只有一个实例,并提供一个全局访问点. 应用场景:数据库连接.线程池.缓存.对话框.处理偏好设置.注册表的对象.日志对象.充当打印机.显卡等设备的驱动程序对象.任务管理器.网站的计数 ...
- HeadFirst设计模式读书笔记(1)-策略模式(Strategy Pattern)
策略模式(Strategy Pattern): 定义了了算法簇,分别封装起来,让它们之间可以相互替换,此模式让算法的变化独立于使用算法的客户端. 第一个设计原则:找出应用中可能需要变化之处,把他们独立 ...
- 阿里云 配置apache+python+django 环境 适合菜鸟
云服务器环境:阿里云服务:20G+1M带宽+centos+512M 一.python安装: 刚开始没有好好利用centos 的yum方法.采用wget从python官网上下载的2.7.5版本.解压安装 ...
- OpenWRT交叉编译
对于当前不在OpenWRT repository中的软件,如果是用源码形式发布的,那么可以用OpenWRT Buildroot进行交叉编译. 首先编译好Buildroot(一般编译过一次固件,就已经编 ...
- Delph控制台(Console)程序添加图标和版权信息
Delphi创建控制台(Console)程序默认是无法添加图标和版权的.经过仔细的对比窗体程序与控制台程序源码,发现窗体程序的工程文中,在uses结束begin开始的地方有一句如下代码:{$R *.r ...
- TCP连接状态详解及TIME_WAIT过多的解决方法
上图对排除和定位网络或系统故障时大有帮助,但是怎样牢牢地将这张图刻在脑中呢?那么你就一定要对这张图的每一个状态,及转换的过程有深刻地认识,不能只停留在一知半解之中.下面对这张图的11种状态详细解释一下 ...
- 《Java解惑》书摘
例子1:关于char数组的输出 System.out.println("H" + "a");//输出:Ha System.out.println('H' + ' ...
- eclipse sysout快捷输入启用
Window-Preference-java-editor-content assist-advanced 一定要勾选Template Propasals. 关于Template Propasals: ...
- jquery promot
http://www.itivy.com/jquery/archive/2011/10/15/jquery-impromptu-usage.html
- Hadoop CLI MiniCluster
CLI MiniCluster Use the climonicluster, users can simply start and stop a single-node hadoop cluster ...