OnPopulateMesh函数

最新推荐文章于 2024-05-20 09:17:45 发布
最新推荐文章于 2024-05-20 09:17:45 发布
阅读量857 收藏 6
点赞数 2
分类专栏： Unity3d

主要写一下OnPopulateMesh函数的使用方式

OnPopulateMesh函数

当一个UI元素生成顶点数据时会调用OnPopulateMesh(VertexHelper vh)函数，我们可以在这个函数中修改顶点的数据或者获取顶点的数据。

VertexHelper结构

UI元素的顶点数据会填充这个数据结构，我们可以修改这个数据结构里面的数据从而影响到顶点的一些属性。

在Unity文档中我们会看到如下的属性和方法，我们会一一介绍这写属性和方法的使用。

AddVert

添加一个顶点到VertexHelper缓存中

AddTriangle

添加一个三角形到VertexHelper缓存中

例子：

我们用AddVert和AddTriangle绘制一个三角形

 我们创建一个脚本TestVertexHelper.cs并继承Graphic，因为OnPopulateMesh函数定义在Graphic中

public class TestVertexHelper : Graphic
{
 
    protected override void OnPopulateMesh(VertexHelper vh)
    {
        vh.Clear();
        vh.AddVert(new Vector3(0, 0), Color.red, Vector2.zero);
        vh.AddVert(new Vector3(0, 100), Color.green, Vector2.zero);
        vh.AddVert(new Vector3(100, 100), Color.black, Vector2.zero);
 
        vh.AddTriangle(0, 1, 2);
 
    }
}

首先我们用AddVert添加了三个顶点，三个顶点的关系如上图，然后用AddTriangle添加三角形，参数是三角形顶点的索引。GPU在绘制的时候会按照顶点0->顶点1->顶点2来绘制一个三角形

我们用AddVert和AddTriangle绘制一个正方形形

public class TestVertexHelper : Graphic
{
    protected override void OnPopulateMesh(VertexHelper vh)
    {
        vh.Clear();
        //添加四个顶点
        vh.AddVert(new Vector3(0, 0), Color.red, Vector2.zero);
        vh.AddVert(new Vector3(0, 100), Color.green, Vector2.zero);
        vh.AddVert(new Vector3(100, 100), Color.black, Vector2.zero);
        vh.AddVert(new Vector3(100, 0), Color.blue, Vector2.zero);
        //添加两个三角形
        vh.AddTriangle(0, 1, 2);
        vh.AddTriangle(2, 3, 0);
    }
}

 我们首先用AddVert添加了四个顶点，顶点的顺序如图;然后用AddTriangle添加了两个三角形，其中vh.AddTriangle(0, 1, 2)表示用顶点0,1,2来绘制一个三角形，vh.AddTriangle(2, 3, 0)表示用顶点2,3,0来绘制一个三角形。

属性currentIndexCount 和currentVertCount

currentVertCount表示VertexHelper结构中有几个顶点

currentIndexCount表示VertexHelper结构中有几个顶点索引

 

我们来打印一下刚才绘制的正方形的信息

public class TestVertexHelper : Graphic
{
    protected override void OnPopulateMesh(VertexHelper vh)
    {
        vh.Clear();
        //添加四个顶点
        vh.AddVert(new Vector3(0, 0), Color.red, Vector2.zero);
        vh.AddVert(new Vector3(0, 100), Color.green, Vector2.zero);
        vh.AddVert(new Vector3(100, 100), Color.black, Vector2.zero);
        vh.AddVert(new Vector3(100, 0), Color.blue, Vector2.zero);
        //添加两个三角形
        vh.AddTriangle(0, 1, 2);
        vh.AddTriangle(2, 3, 0);
 
        Debug.Log("currentIndexCount " + vh.currentIndexCount);
        Debug.Log("currentVertCount " + vh.currentVertCount);
    }
}

我们看到顶点索引有四个，顶点有六个

顶点索引有四个（0,1,2,3）这个好理解，但是我们用AddVert添加了四个顶点，这里怎么显示有六个呢？因为unity会把三角形交界处的顶点分成两个。即三角形(0,1,2)和三角形(2,3,0)重合的顶点0,2会被分成两个顶点来处理。

 

PopulateUIVertex函数

返回指定索引的顶点数据，返回的顶点数据会填充UIVertex数据结构

例子：

我们使用PopulateUIVertex函数获取索引为2的顶点数据，然后打印出来

public class TestVertexHelper : Graphic
{
    protected override void OnPopulateMesh(VertexHelper vh)
    {
        vh.Clear();
        //添加四个顶点
        vh.AddVert(new Vector3(0, 0), Color.red, Vector2.zero);
        vh.AddVert(new Vector3(0, 100), Color.green, Vector2.zero);
        vh.AddVert(new Vector3(100, 100), Color.black, Vector2.zero);
        vh.AddVert(new Vector3(100, 0), Color.blue, Vector2.zero);
        //添加两个三角形
        vh.AddTriangle(0, 1, 2);
        vh.AddTriangle(2, 3, 0);
 
        UIVertex vertex = new UIVertex();
        vh.PopulateUIVertex(ref vertex, 2);
        Debug.Log("color " + vertex.color + " position " + vertex.position + " uv0 " + vertex.uv0);
    }
}

 

我们看到这个数据，和我们设置的第三个顶点的数据是一样的

 

SetUIVertex函数

设置一个顶点的数据

我们上面把第三个顶点的颜色设置为了黑色(vh.AddVert(new Vector3(100, 100), Color.black, Vector2.zero);),我们通过SetUIVertex函数把第三个顶点(索引为2的顶点,索引从0开始)的三色设置为黄色

public class TestVertexHelper : Graphic
{
    protected override void OnPopulateMesh(VertexHelper vh)
    {
        vh.Clear();
        //添加四个顶点
        vh.AddVert(new Vector3(0, 0), Color.red, Vector2.zero);
        vh.AddVert(new Vector3(0, 100), Color.green, Vector2.zero);
        vh.AddVert(new Vector3(100, 100), Color.black, Vector2.zero);
        vh.AddVert(new Vector3(100, 0), Color.blue, Vector2.zero);
        //添加两个三角形
        vh.AddTriangle(0, 1, 2);
        vh.AddTriangle(2, 3, 0);
 
        //得到第三个顶点(顶点索引为2，从0开始)的颜色
        UIVertex vertex = new UIVertex();
        vh.PopulateUIVertex(ref vertex, 2);
        //设置颜色为黄色
        vertex.color = Color.yellow;
        vh.SetUIVertex(vertex, 2);
    }
}

我们看到索引为2的顶点变成了黄色

AddUIVertexQuad(UIVertex[] verts)函数

增加一个长方形

public class TestVertexHelper : Graphic
{
    protected override void OnPopulateMesh(VertexHelper vh)
    {
        vh.Clear();
        UIVertex[] verts = new UIVertex[4];
        verts[0].position = new Vector3(0, 0);
        verts[0].color = Color.red;
        verts[0].uv0 = Vector2.zero;
 
        verts[1].position = new Vector3(0, 100);
        verts[1].color = Color.green;
        verts[1].uv0 = Vector2.zero;
 
        verts[2].position = new Vector3(100, 100);
        verts[2].color = Color.black;
        verts[2].uv0 = Vector2.zero;
 
        verts[3].position = new Vector3(100, 0);
        verts[3].color = Color.blue;
        verts[3].uv0 = Vector2.zero;
 
        vh.AddUIVertexQuad(verts);
    }
}

 

我们看到这个方法和绘制两个三角形产生的效果是一样的

public void AddUIVertexStream(List<UIVertex> verts, List<int> indices);

这个方法向VertexHelper中批量增加顶点数据，第一个参数为顶点数据，第二个参数为构成图元的顶点索引目录

假如我们要绘制两个三角形,加入我们有两个三角形，顶点索引分别为(0,1,2),(2,3,0),那么我们的indices应该定义为

List<int> indices = new List<int>() { 0, 1, 2, 2, 3, 0 };
 

public class TestVertexHelper : Graphic
{
    protected override void OnPopulateMesh(VertexHelper vh)
    {
        vh.Clear();
        List<UIVertex> verts = new List<UIVertex>();
 
        UIVertex vert0 = new UIVertex();
        vert0.position = new Vector3(0, 0);
        vert0.color = Color.red;
        vert0.uv0 = Vector2.zero;
        verts.Add(vert0);
 
        UIVertex vert1 = new UIVertex();
        vert1.position = new Vector3(0, 100);
        vert1.color = Color.green;
        vert1.uv0 = Vector2.zero;
        verts.Add(vert1);
 
        UIVertex vert2 = new UIVertex();
        vert2.position = new Vector3(100, 100);
        vert2.color = Color.black;
        vert2.uv0 = Vector2.zero;
        verts.Add(vert2);
 
        UIVertex vert3 = new UIVertex();
        vert3.position = new Vector3(100, 0);
        vert3.color = Color.blue;
        vert3.uv0 = Vector2.zero;
        verts.Add(vert3);
 
        List<int> indices = new List<int>() { 0, 1, 2, 2, 3, 0 };
        vh.AddUIVertexStream(verts, indices);
    }
}

 效果：

 void AddUIVertexTriangleStream(List<UIVertex> verts)函数

这个方法向VertexHelper中批量增加三角形顶点数据,参数的长度必须是三的倍数

public class TestVertexHelper : Graphic
{
    protected override void OnPopulateMesh(VertexHelper vh)
    {
        vh.Clear();
        List<UIVertex> verts = new List<UIVertex>();
 
        UIVertex vert0 = new UIVertex();
        vert0.position = new Vector3(0, 0);
        vert0.color = Color.red;
        vert0.uv0 = Vector2.zero;
        verts.Add(vert0);
 
        UIVertex vert1 = new UIVertex();
        vert1.position = new Vector3(0, 100);
        vert1.color = Color.green;
        vert1.uv0 = Vector2.zero;
        verts.Add(vert1);
 
        UIVertex vert2 = new UIVertex();
        vert2.position = new Vector3(100, 100);
        vert2.color = Color.black;
        vert2.uv0 = Vector2.zero;
        verts.Add(vert2);
 
        vh.AddUIVertexTriangleStream(verts);
    }
}

 

GetUIVertexStream(List<UIVertex> stream)函数

获取当前VertexHelper中的所有顶点的信息

public class TestVertexHelper : Graphic
{
 
    protected override void OnPopulateMesh(VertexHelper vh)
    {
        vh.Clear();
        //添加三个顶点
        vh.AddVert(new Vector3(0, 0), Color.red, Vector2.zero);
        vh.AddVert(new Vector3(0, 100), Color.green, Vector2.zero);
        vh.AddVert(new Vector3(100, 100), Color.black, Vector2.zero);
        //添加三角形
        vh.AddTriangle(0, 1, 2);
        //得到所有顶点的信息
        List<UIVertex> stream = new List<UIVertex>();
        vh.GetUIVertexStream(stream);
        foreach (UIVertex v in stream) {
            Debug.Log("color " + v.color + " position " + v.position + " uv0 " + v.uv0);
        }
    }
}

 

我们看到输出日志的值和我们输入的顶点信息一样

---------------------
作者：攻城狮一叶秋
来源：CSDN
原文：https://blog.csdn.net/jk823394954/article/details/53870779
版权声明：本文为博主原创文章，转载请附上博文链接！

 

chqj_163
关注
专栏目录
Unity中UGUI的OnPopulateMesh函数
L的博客
01-26 7836
一：前言 UGUI中与显示相关的控件，例如Image、Text、RawImage等都继承自MaskableGraphic类，MaskableGraphic类继承自Graphic类控件在画面中的形状、颜色、法线等信息都是由Graphics类中的OnPopulateMesh函数所控制 每当改变了顶点或者纹理后，会调用OnPopulateMesh函数其中VertexHelper是一个顶点辅助类，保存着生成Mesh的基本信息 二：绘制基本图形 AddVert：添加顶点(第一个添加的顶点索引为0，第二个添加的
Unity3D 基于UGUI的图文混排组件
俏牙仔的博客
08-24 2585
在使用UGUI的时候，在网上找了好久也没找到合适的图文混排组件，但是有看到一篇文章给了我一点思路。是通过继承Text组件，然后在Mesh生成的函数里做手脚。 就是把文本解析之后，把表情所在位置的文本给隐藏，最后在相应的位置放入我们的图片表情。
Unity中UGUI的 OnPopulateMesh函数与VertexHelper类
Peter的博客
08-02 2204
然后用AddTriangle添加了两个三角形，其中vh.AddTriangle(0, 1, 2)表示用顶点0,1,2来绘制一个三角形，vh.AddTriangle(2, 3, 0)表示用顶点2,3,0来绘制一个三角形。即三角形(0,1,2)和三角形(2,3,0)重合的顶点0,2会被分成两个顶点来处理。GPU在绘制的时候会按照顶点0->顶点1->顶点2来绘制一个三角形。假如我们要绘制两个三角形,加入我们有两个三角形，顶点索引分别为(0,1,2),(2,3,0),那么我们的indices应该定义为。
Unity 顶点基础 + OnPopulateMesh
Zzz的专栏
04-04 5524
转自： https://www.cnblogs.com/lyh916/p/9162463.html https://blog.csdn.net/jk823394954/article/details/53870779 一.图形绘制 1.绘制三角形 using UnityEngine; using UnityEngine.UI; public class TestMesh : Base...
unity 使用Image的OnPopulateMesh绘制雷达图
qq_21315789的博客
09-28 1672
在c#中使用一个类继承Image用来代替Image组件用。在该类中使用OnPopulateMesh()函数重新绘制网格。
unity onpopulatemesh
04-10
A：onpopulatemesh 是 Unity 引擎中一个钩子函数，可以用来自定义 Unity 中的网格生成行为。在调用 Mesh.GenerateMesh 方法时，该钩子函数将会被自动调用，可以在该函数中编写自定义的网格生成逻辑，例如从外部数据...
Unity3D UGUI:圆形Image组件,可用来制作头像
lvlei19911108的博客
08-19 558
昨天在改项目的时候,看到人物头像是圆形的，我就想到用UGUI的Mask组件，但是我试了一下，效果不是很好,而且性能上也不是很理想，所以我就找到一个比较好的解决办法，之前也考虑过用Image上的Material去弄，但是也不是很完美，后来看到一篇文章，说是重写Image组件，所以就有了下面我要提到的东西(只支持5.3版本以上)。 首先需要重写Image，由于继承UnityEngine基类的派生类不能...
基于Unity2019版本的UGUI图文混排组件
YearsGo的博客
02-23 3535
该组件是基于Unity2019.4.1f1版本的图文混排组件，实现了静态表情，动态表情，超链接，多图集加载等功能。该组件属于学习用途，不完善的地方可以提取源码自行修改。其中关于超链接点击响应部分关于lua的消息广播如果报错可以自行注释或者删除 链接：https://pan.baidu.com/s/1_0lMjSPlnBxggBOL2swRPQ 提取码：p27x ...
Unity用OnPopulateMesh绘制自定义圆形遮罩超详解
bwabdbkjdbkjwabd的博客
02-18 2043
下图是最终成品 OnPopulateMesh这个函数的主要作用就是用于构建Mesh。 然后参数VertexHelper就是一个容器，存放需要渲染的mesh信息。 具体可以看https://zhuanlan.zhihu.com/p/33827367这篇文章介绍OnPopulateMesh的 这个函数本来就只是绘制一个矩形(两个三角形就搞定了)。但是如果我们可以override它来实现不同的性状。 那么如何绘制一个⚪呢？首先我们需要知道一个⚪是怎么组成的(指由三角形) 没错，⚪是由一圈三角形组成，如果三角形
unity文本超链接实现插件
12-19
本资源为unity中uguiText文本插入超链接（即 网址，图片等），简单好用，只需要将manager类放到父物体身上，将initText放到Text身上，即可
unity 多边形山水场景
09-21
unity 多边形山水场景。Low poly Style Enviroment 1.0.unitypackag。 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
【个人笔记】图片裁剪 OnPopulateMesh(VertexHelper)
FragrantPig的博客
12-07 272
图片裁剪 图片裁剪成圆形： 方法一：用圆形图片做底，用Mask组件去做，但是太蠢了，看看就行了。 方法二：重写Image的OnPopulateMesh(VertexHelper vh)方法 链接：https://zhuanlan.zhihu.com/p/386569362 计算机不识别圆形，只能识别三角形，故圆形是通过多个三角形实现的，圆中三角形越多，我们看到的形状就越接近于圆。 OnPopulateMesh(VertecHelper vh)： 我们可以通过这个方法，获取或者修改顶点的数据。 Vertex
Unity 画线OnPopulateMesh函数VertexHelper
Peter的博客
08-02 1019
底层使用UGUI中的重写了OnPopulateMesh这个方法， 用来实现鼠标画线的功能。一个画图表（折线图，树状图，饼状图，雷达图）的插件。
【100个 Unity实用技能】☀️ | OnPopulateMesh()和ModifyMesh() 方法的区别
最新发布
努力前行，总会成为自己心中的那道光
05-20 1万+
OnPopulateMesh() 和 ModifyMesh() 两个函数方法的区别 在Unity中，Graphic类的OnPopulateMesh()方法和IMeshModifier的ModifyMesh()方法都是用于绘制网格的函数，但它们在使用时机、功能定位以及使用范围上存在一些区别。
（十）UI Mesh
ttod的博客
04-22 190
（十）UI Mesh
【游戏开发解答】Unity中对UGUI的Image进行倾斜变形（UGUI | 精灵图 | OnPopulateMesh | 顶点偏移 | 变形）
linxinfa的专栏
03-09 1万+
【游戏开发解答】Unity中对UGUI的Image进行倾斜变形（UGUI | 精灵图 | OnPopulateMesh | 顶点偏移 | 变形）
Unity在UI上使用MaskableGraphic类画一个矩形刻度尺
他在试图用代码书写这个世界，字里行间温柔尽显。勿忘初心，努力做有价值的技术文章。
11-01 2509
项目中遇到一个需求：由于模型和UI像素的原因，项目中用尺子测量东西的时候肉眼读数与实际误差过大，为了减少误差需要在unity中把尺子的刻度画出来。一开始我是有点懵的，心想这unity怎么能画出一个类似于刻度的矩形呀，后来经过组长的指导，了解到UGUI中有一个MaskableGraphic类可以画线，就研究了一下该类原理，得以实现需求。 MaskableGraphic类画线原理 实际上Unity中的每一个UI元素都是由三角面片拼接而成的，首先新建一个UI元素的空物体，新建一个脚本继承MaskableGraph
Unity实现Image透明度渐变（Graphic）
cchoop的博客
08-09 4747
实现原理 通过OnPopulateMesh函数修改UI传入的顶点数据（color属性中的Alpha值） UI传入的四个顶点如下： OnPopulateMesh函数 当一个UI元素生成顶点数据时会调用OnPopulateMesh(VertexHelper vh)函数，我们可以在这个函数中修改顶点的数据或者获取顶点的数据。 代码实现 FadeImage ： using UnityEngine; using UnityEngine.UI; public enum FadeMode { LeftTORig
C语言函数详解
函数 函数是C语言程序设计中的一种基本结构单元，用于实现具体的功能。函数可以将大段的程序代码按照功能分解开，体现出对重复使用的程序段的抽象。 函数的定义形式有两种：无参函数和有参函数。无参函数的定义...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值