都说写博客有助提高，试试吧~
[Unity]利用Mesh在Unity中绘制扇形图片
最近碰到个功能, 要画一个扇形图案, 如下图:
需求是这个图形跟随角色, 在角色背后, 并且每个角色的扇形角度可能不同。
So， NGUI和UGUI很好用的FilledType是用不了了..
去网上搜了下Unity绘制扇形
找到这么篇文章
很好, 前人已经造好了轮子, 我拿来用就好
网格的扇形是有了, 但是游戏里的显示是什么鬼!所以说人是不能偷懒的, 还是老老实实的看看前人的轮子是怎么造的吧.
我的理解与改造
既然看了, 就为自己的需求做了些改造, 加了起始角度, 并把源代码画在x,z轴平面的扇形改到了x,y轴平面
还是上代码:
using UnityE
using System.C
[RequireComponent(typeof(MeshRenderer), typeof(MeshFilter))]
public class SectorProgressBar : MonoBehaviour
public float radius = 2;
public float startAngleDegree = 0;
public float angleDegree = 100;
public int segments = 10;
public int angleDegreePrecision = 1000;
public int radiusPrecision = 1000;
private MeshFilter meshF
private SectorMeshCreator creator = new SectorMeshCreator();
[ExecuteInEditMode]
private void Awake()
meshFilter = GetComponent&MeshFilter&();
private void Update()
meshFilter.mesh = creator.CreateMesh(radius, startAngleDegree, angleDegree, segments, angleDegreePrecision, radiusPrecision);
void OnDrawGizmos()
Gizmos.color = Color.
DrawMesh();
void OnDrawGizmosSelected()
Gizmos.color = Color.
DrawMesh();
private void DrawMesh()
Mesh mesh = creator.CreateMesh(radius, startAngleDegree, angleDegree, segments, angleDegreePrecision, radiusPrecision);
int[] tris = mesh.
for (int i = 0; i & tris.L i += 3)
Gizmos.DrawLine(convert2World(mesh.vertices[tris[i]]), convert2World(mesh.vertices[tris[i + 1]]));
Gizmos.DrawLine(convert2World(mesh.vertices[tris[i]]), convert2World(mesh.vertices[tris[i + 2]]));
Gizmos.DrawLine(convert2World(mesh.vertices[tris[i + 1]]), convert2World(mesh.vertices[tris[i + 2]]));
private Vector3 convert2World(Vector3 src)
return transform.TransformPoint(src);
private class SectorMeshCreator
private float
private float startAngleD
private float angleD
private int
private Mesh cacheM
创建一个扇形Mesh
扇形开始角度
扇形弧线分段数
扇形角度精度（在满足精度范围内，认为是同个角度）
扇形半价精度（在满足半价精度范围内，被认为是同个半价）。
比如：半价精度为1000，则：1.001和1.002不被认为是同个半径。因为放大1000倍之后不相等。
如果半价精度设置为100，则1.001和1.002可认为是相等的。
public Mesh CreateMesh(float radius, float startAngleDegree, float angleDegree, int segments, int angleDegreePrecision, int radiusPrecision)
if (checkDiff(radius, startAngleDegree, angleDegree, segments, angleDegreePrecision, radiusPrecision))
Mesh newMesh = Create(radius, startAngleDegree, angleDegree, segments);
if (newMesh != null)
cacheMesh = newM
this.radius =
this.startAngleDegree = startAngleD
this.angleDegree = angleD
this.segments =
return cacheM
private Mesh Create(float radius, float startAngleDegree, float angleDegree, int segments)
if (segments == 0)
segments = 1;
#if UNITY_EDITOR
Debug.Log("segments must be larger than zero.");
Mesh mesh = new Mesh();
Vector3[] vertices = new Vector3[3 + segments - 1];
vertices[0] = new Vector3(0, 0, 0);
Vector2[] uvs = new Vector2[vertices.Length];
uvs[0] = new Vector2(0.5f, 0.5f);
float angle = Mathf.Deg2Rad * angleD
float startAngle = Mathf.Deg2Rad * startAngleD
float currAngle = angle + startA
float deltaAngle = angle /
for (int i = 1; i & vertices.L i++)
float x = Mathf.Cos(currAngle);
float y = Mathf.Sin(currAngle);
vertices[i] = new Vector3(x
* radius, y * radius, 0);
uvs[i] = new Vector2(x * 0.5f + 0.5f, y * 0.5f + 0.5f);
currAngle -= deltaA
int[] triangles = new int[segments * 3];
for (int i = 0, vi = 1; i & triangles.L i += 3, vi++)
triangles[i] = 0;
triangles[i + 1] =
triangles[i + 2] = vi + 1;
mesh.vertices =
mesh.triangles =
private bool checkDiff(float radius, float startAngleDegree, float angleDegree, int segments, int angleDegreePrecision, int radiusPrecision)
return segments != this.segments || (int)(startAngleDegree - this.startAngleDegree) != 0 || (int)((angleDegree - this.angleDegree) * angleDegreePrecision) != 0 ||
(int)((radius - this.radius) * radiusPrecision) != 0;
基本功能实现了~
其实还有个问题, 半径(radius)比较大的情况, 会发现图片失真.
这种图其实是可以做到不失真的, 因为, 内部是纯透明的, 只有外围一圈有颜色, 所以如果只缩放内部半段, 保持外部半段的半径, 就可以实现.
不过这次的需求并不需要放大图片, 以后需要的时候再实现吧~
=========================
这篇文章出来后，和同事讨论以后，对扇形绘制又做了优化：
没有更多推荐了，Unity网格编程篇(二) 非常详细的Mesh编程入门文章
Procedural Grid Programming Form
代码实现网格
创建网格坐标
使用协程计算他们的位置
利用三角形确定一个面
自动生成法线
添加纹理坐标和切线
在这篇教程中我们将利用顶点和三角面创建一个网格。
这篇博客的原文地址：博主翻译并非100%一字一句翻译，对内容进行部分的增删改。
1.渲染东西
如果你想要在Unity显示一些东西，你需要一个网格。它可以是一个3D模型从另一个程序导入的（比如33dmax or maya）。它也可以是程序生成的网格。它可以是精灵、UI元素或者是粒子系统，它们一样都是使用unity网格,甚至是屏幕特效也是使用网格渲染的。
So,什么是网格？概念上来说网格由图形硬件（GPU Graphics Processing Unit图形处理单元）构成来绘制复杂的材料/东西。它至少包含一组在3D空间中位置明确的点再加一组三角形
最基础的2D图形，由点连接组成，面上的三角形就时此类网格的代表。
因为三角形是平坦的并且拥有直边，所以他们可以完美地被用来显示平坦的和连续的东西，像一个立方体的面孔。曲面的或者是圆的面只能被大量小的三角形来接近组成。如果三角面显示足够的小（不大于一个像素），那么你就不会感觉曲面或者是圆是由三角面组成的。从实时性能角度来讲通常这种情况是不可能的，所以我们总能够在面的某个程度上发现锯齿。
Unity自带的胶囊体，立方体和球体 着色 vs 线框
如何显示线框
- 再视图左上角选择Display Mode，前三个选项分别是Shaded（着色）、Wrieframe（线框）和Shaded Wrieframe着色并带着线框
如果你想要展示一个3D游戏物体，它必须拥有两个组件。
MeshFilter 这个组件记录了你想要展示的网格数据
MeshRenderer 使用这个组件告诉网格如何渲染，比如使用哪个材质球，是否接受阴影和其他设置。
为什么是一个材质球数组？
- 一个网格渲染器可以有多个材质球，它通常被用来渲染多组三角面，也成为子网格。它通常在外界导入的模型中使用，本篇文章不使用多个材质球。
你可以完全改变网格的显示效果通过调整材质球。Unity默认的材质球是简单的白色立体。你可以自己创建一个新的材质球通过Assets-&Create-&Material并拖拽到你的游戏物体上来代替它。新的材质球默认为Unity Standard Shader，它有一组口控制，你可以调节这些属性得到你想要模型表现。
一个快速添加细节的方法是给你的网格提供一个反射贴图，这个纹理描绘了材质球的基础颜色。当然我们需要知道如何投射纹理到网格的三角面上。这需要添加2D纹理坐标到顶点上。这二维纹理空间被称为U和V，也是常说的UV坐标。UV坐标通常在(0,0)到(1,1)之间，它覆盖了整个纹理。超出范围的坐标将造成clamped或者Tiling平铺的效果，这去取决于纹理设置。
2.创建网格顶点
So? 如何创建自己的网格？通过创建一个简单的矩形网格来了解一下。这个网格将包括方形瓷砖(单位长度的四边形)。创建一个新的C#脚本并加入水平和垂直尺寸。
using UnityE
using System.C
public class Grid : MonoBehaviour
public int xSize, yS
我们是需要引用System.Collections?
- 我们不需要它去生成我们的网格，但是我引用它因为我稍后将使用协程。
当我们给游戏物体挂上这个脚本，我们需要给它同时添加MeshFilter和MeshRenderer组建。我们可以添加属性在类的前面，Unity将自动为们添加这些类。
[RequireComponent(typeof(MeshFilter), typeof(MeshRenderer))]
public class Grid : MonoBehaviour
public int xSize, yS
现在创建一个空物体并挂载组建，它将自动同时添加MeshFilter和MeshRenderer组建。设置MeshRenderer的材质并确保MeshFilter的mesh属性为未定义。并设置网格尺寸为10和5。
我们生成真实的网格在物理被唤醒的时候，Awake方法将在我们游戏游戏模式时自动调用。
private void Awake ()
Generate();
现在我们先考虑顶点位置稍后处理三角面序号。我们需要一个数组存储3D顶点位置。顶点的数量取决于网格的尺寸。我们需要获取每个四边形每个角的顶点，但是相邻的四边形可以共享相同的顶点。所以每个维度商定点数比网格数多一个。
private Vector3[]
private void Generate ()
vertices = new Vector3[(xSize + 1) * (ySize + 1)];
我们在场景中绘制这些顶点，这样我们就可以正确地核对它们的位置。利用OnDrawGizmos方法来绘制顶点的位置，利用OnDrawGizmos在每个顶点绘制一个小球。
private void OnDrawGizmos ()
Gizmos.color = Color.
for (int i = 0; i & vertices.L i++)
Gizmos.DrawSphere(vertices[i], 0.1f);
什么是Gizmos？
在编辑模式下Gizmos可以提供可视化的提示。它们只在Scene场景中显示不在Play模式下显示，但是你可以通过工具栏调整它们。Gizmos公共类允许你绘制图标，线条，和其他的东西。
Gizmos在OnDrawGizmos方法中执行绘制，它被Unity编辑器自动调用。另一个可选的方法是OnDrwaGizmosSelected，它只能被可选的对象调用。
这时在编辑模式下会有一个Bug，因为OnDrawGizmos方法在编辑模式下被调用了，但此时我们的顶点数组为空。为防止这个错误发生，我们在OnDrawGizmos方法中添加一个顶点数组为空就跳出方法的操作。
private void OnDrawGizmos ()
if (vertices == null)
点击Play播放按钮之后，在Scene视图中我们只能看见一个球体在世界的原点。因为我们还没有定位顶点的位置，所以所有的球体重叠在一个位置。我们必须会用双重循环遍历所有的位置。
private void Generate ()
vertices = new Vector3[(xSize + 1) * (ySize + 1)];
for (int i = 0, y = 0; y &= yS y++)
for (int x = 0; x &= xS x++, i++)
vertices[i] = new Vector3(x, y);
网格的顶点
为什么在Gizmos绘制不能被移动?
Gizmos直接使用世界坐标绘制，不是使用对象的本地坐标系，如果你想它们遵循对象的Transform组件，你必须声明使用transform.TransformPoint(vertices[i]) 代替 vertices[i].
现在我们可以看见这些顶点，但是他们生成的顺序我们不能明显地看出来。我们可以使用颜色来标识，但是我们也可以使用协程减慢这个过程的速度。这就是为什么我在这个脚本中引用了System.Collections命名空间。
private void Awake ()
StartCoroutine(Generate());
private IEnumerator Generate ()
WaitForSeconds wait = new WaitForSeconds(0.05f);
vertices = new Vector3[(xSize + 1) * (ySize + 1)];
for (int i = 0, y = 0; y &= yS y++)
for (int x = 0; x &= xS x++, i++)
vertices[i] = new Vector3(x, y);
yield return
观察顶点逐个生成
3.创建网格
现在我们知道顶点的位置是正确的，接下来我们就处理真正的网格。除此之外我们想要我们的组件持有这些顶点，我们必须把顶点指定到MeshFilter.mesh中。我们处理过顶点之后，就可以网格存储在MeshFilter中。
private IEnumerator Generate ()
WaitForSeconds wait = new WaitForSeconds(0.05f);
GetComponent&MeshFilter&().mesh = mesh = new Mesh();
mesh.name = "Procedural Grid";
vertices = new Vector3[(xSize + 1) * (ySize + 1)];
mesh.vertices =
如何让组件持有网格？
大家可能发现MeshFilter组件的Mesh属性只有在Play模式下才能看得到，在Editor模式下是不存在的，这里我们需要如何才能将网格持久化保存呢。可以参考的我的另一篇文章，这篇是基础篇你可以先跳过改步骤，无需考虑这个问题。
网格只在Play模式下显示
到目前，在Play模式下我们可以持有一个网格，但是它依旧是不可见的，因为我们并没有给它任何三角面。三角面由顶点数组索引决定。每一个三角面有三个顶点，三个连续的顶点描绘了一个三角形，让我们来先绘制第一个三角面。
private IEnumerator Generate ()
int[] triangles = new int[3];
triangles[0] = 0;
triangles[1] = 1;
triangles[2] = 2;
mesh.triangles =
好的，目前我们已经绘制了一个三角面，但是由于三个顶点在一条直线上，所以生成了一个失败的三角形，它是不可见的。前两个顶点是正确的，第三个顶点应该跳转到下一行的第一个顶点。
triangles[0] = 0;
triangles[1] = 1;
triangles[2] = xSize + 1;
通过以上操作，我们绘制了一个三角形，但是它只能在一个方向可见。这种情况下，只有Z轴的反方向可见，所以你可能需要旋转视角才能看到它。
三角形的哪一面可见是由顶点序号的方向来确定的。默认情况下，如果顶点顺序是顺时针方向的话那么三角形是正面可见。逆时针（就是逆屏幕方向）的三角面是被抛弃的，所以我们不必花费时间去渲染这部分顶点，以为他们通常都是不可见的。
逆时针和顺时针三角形
所以为了实线从Z轴负方向到正方向可见，我们必须改变顺序相反的顶点的位置。我们交换后两个顶点的序号即可。
triangles[0] = 0;
triangles[1] = xSize + 1;
triangles[2] = 1;
第一个三角面
现在我们绘制了一个三角面只覆盖了一个四方瓦片的一半，为了覆盖整个瓦片，我们需要第二个三角面。
int[] triangles = new int[6];
triangles[0] = 0;
triangles[1] = xSize + 1;
triangles[2] = 1;
triangles[3] = 1;
triangles[4] = xSize + 1;
triangles[5] = xSize + 2;
一个四边形由两个三角面组成
既然这些顶点共用两个顶点，我们就可以减少我们代码的行数，明确地提到每个顶点索引只有一次。
triangles[0] = 0;
triangles[3] = triangles[2] = 1;
triangles[4] = triangles[1] = xSize + 1;
triangles[5] = xSize + 2;
第一个四边形
我们可以通过循环来创建剩余第一行的瓦片。尽管我们遍历所有的顶点和三角面序号，但是我们必须要保证顶点和三角面序号是按照顺序的。我们把yield代码的声明放到循环里，我们就不需要等待顶点的出现了。
int[] triangles = new int[xSize * 6];
for (int ti = 0, vi = 0, x = 0; x & xS x++, ti += 6, vi++)
triangles[ti] =
triangles[ti + 3] = triangles[ti + 2] = vi + 1;
triangles[ti + 4] = triangles[ti + 1] = vi + xSize + 1;
triangles[ti + 5] = vi + xSize + 2;
yield return
现在，Gizmos可以立刻渲染出顶点，并且所有的三角面在一段时间后统一出现。要想看到瓦片一个接一个的出现，我们必须每次循环都刷新网格代替掉执行完所有循环刷新。
mesh.triangles =
yield return
现在我们来填充剩余所有的网格通过将单体循环转变为双重循环。一定要注意移动到下一行的时一定要增加一次顶点序号，因为每一行顶点比列数多一。
int[] triangles = new int[xSize * ySize * 6];
for (int ti = 0, vi = 0, y = 0; y & yS y++, vi++)
for (int x = 0; x & xS x++, ti += 6, vi++)
填充剩余网格
正如你所能看到的，所有的网格都被三角面填充，每一行都是同时填充，因为我们使用了协程。如果你对想过感到满意，你可以移除掉所有的协程代码，这样网格创建就没有任何的延迟了。
private void Awake ()
Generate();
private void Generate ()
GetComponent&MeshFilter&().mesh = mesh = new Mesh();
mesh.name = "Procedural Grid";
vertices = new Vector3[(xSize + 1) * (ySize + 1)];
for (int i = 0, y = 0; y &= yS y++) {
for (int x = 0; x &= xS x++, i++) {
vertices[i] = new Vector3(x, y);
mesh.vertices =
int[] triangles = new int[xSize * ySize * 6];
for (int ti = 0, vi = 0, y = 0; y & yS y++, vi++) {
for (int x = 0; x & xS x++, ti += 6, vi++) {
triangles[ti] =
triangles[ti + 3] = triangles[ti + 2] = vi + 1;
triangles[ti + 4] = triangles[ti + 1] = vi + xSize + 1;
triangles[ti + 5] = vi + xSize + 2;
mesh.triangles =
为什么不使用单个四边形?
当我们创建一个平面矩形，我们可以仅仅使用两个三角面。这没有问题。但是更多的顶点结构也可以提供更多的控制和表现。这里也只是一个实验!
4.生成额外的顶点数据：
我们的网格目前处于一种特殊的情况下。因为我们没有直到目前还没有给他们法线向量，默认的发现向量是(0,0,1)（垂直于屏幕向里），而我们需要的正好相反。
法线工作原理是什么呢？
法线是垂直于面的向量。我们通常使用单位长度的法向量，并向量指向面的外部，而不是内部。
法线可以用于确定光线与顶点的夹角。这个细节的使用取决于Shader。
作为三角面它永远是平的，因此它不应该需要被提供一个单独的法线信息。然而，我们需要造假。在现实中，顶点时不存在法线的，三角面才有。通过附加自定义顶点法线和三角面插着，我们可以奖状我们有一个平滑的曲面代替一堆平的三角面。这个错觉是令人信服的，只要你不去注意网格锋利的轮廓（锯齿）。
法线用于规定每个顶点，所以我们必须填充另一个向量数组。另一种选择，我们可以依据网格的三角面来计算出法线。我们也可以偷懒，向下面这样做。
private void Generate ()
mesh.triangles =
mesh.RecalculateNormals();
法线是如何重新计算的？
Mesh.RecalculateNormals方法利用与顶点相连的三角面计算出每一个顶点的法线。计算平面三角形法线平均值，然后使用normalize方法单位话。
没有法线vs有法线
接下来是UV坐标。你可能注意到网格目前是颜色统一的，即便是我们给它赋值一个带反射贴图的材质球。这很容易理解，因为我们没有自行给它提供UV坐标，他们默认为(0,0)。
想要纹理适应我们的网格，简单地划分顶点的位置通过网格的大小。
vertices = new Vector3[(xSize + 1) * (ySize + 1)];
Vector2[] uv = new Vector2[vertices.Length];
for (int i = 0, y = 0; y &= yS y++)
for (int x = 0; x &= xS x++, i++)
vertices[i] = new Vector3(x, y);
uv[i] = new Vector2(x / xSize, y / ySize);
mesh.vertices =
错误的UV坐标 Clamping vs wrapping
纹理现在显示了，但是它并没有覆盖整个网格。它的真实外观取决于纹理模式是Clamp模式或者是Repeat模式。产生这种现象是因为当前我们是通过整数划分的，UV坐标的计算结果是整数。为了得到正确的在0到1之间的坐标，我们必须使用浮点数。
uv[i] = new Vector2((float)x / xSize, (float)y / ySize);
纹理现在被投影到了整个纹理上。当我设置网格尺寸为(5,10)，这个网格纹理将出现横向拉伸，可以自动反向适应材质的纹理的平铺设置。设置X的坐标为(2,1)将产生双倍。如果把纹理模式设置为Repeat模式，我们可以看到两个四方瓷砖网格。
正确的UV纹理，平铺(1,1) vs 平铺(2,1)
另外一个提那家表面细节的方法是使用法线贴图。这个贴图使用颜色值记录了法相向量。应用这个这个纹理到网格上将产生更多的灯光细节效果，它是单独使用顶点法线产生的。
凹凸不平的表面，产生了金属材质的效果
目前应用这个材质球到我们的网格将不会产生任何的凹凸效果。我们需要给我们的网格添加切线向量。
切线的工作原理是什么？
法线贴图在切线空间中定义。这是一个流动在物理表面的3D空间。这个方法使我们能够使用相同的法线贴图在不同的空间和方向。
表面法相用于描述空间中的向上方向。但是哪个方向是正确的？它是有切线决定得。理论上，法线和切线的夹角应该是90度。两者的叉积可求出三维空间的第三个方向。但是现实中这个结果并不是90度，但是效果依然是令人比较满意的。
所以切线是一个三维向量，但是在Unity中它是使用四维向量定义的。第四个值通常是1或者-1，用于控制第三切线空间唯独方向-朝前或朝后,这有助于展示法线贴图，通常用于左右对称的3D模型，像人一样。Untiy的shader执行此计算要求我们使用-1。
当我们有一个平面，所有的切线仅仅指向相同的方向，是正确的。
vertices = new Vector3[(xSize + 1) * (ySize + 1)];
Vector2[] uv = new Vector2[vertices.Length];
Vector4[] tangents = new Vector4[vertices.Length];
Vector4 tangent = new Vector4(1f, 0f, 0f, -1f);
for (int i = 0, y = 0; y &= yS y++)
for (int x = 0; x &= xS x++, i++)
vertices[i] = new Vector3(x, y);
uv[i] = new Vector2((float)x / xSize, (float)y / ySize);
tangents[i] =
mesh.vertices =
mesh.tangents =
一个平面被伪装成凹凸不平的面
现在你知道如何创建一个简单的网格并使得它在使用材质球的情况下看起来更加复杂。网格需要顶点坐标，三角面，通常还需要UV坐标，经常也需要法线和切线。你也可以添加顶点颜色，尽管Unity标准着色器不使用这个属性。但是你可以自己创建Shader去使用这个颜色属性，如果你想了解如何使用使用自己的Shader使用这个颜色属性，情况另一篇文章。
这篇博客的原文地址：博主翻译并非100%一字一句翻译，对内容进行部分的增删改。
UGUI组件系列
Unity框架解读系列
分享地址（置顶目录包含所有组件的最新下载地址）
有什么不懂的可以加群咨询互相学习
如果你想了解UGUI的更多拓展组件，欢迎关注我的博客，我会持续更新,支持一下我这个博客新手，你的关注也会给予我更多的动力。如果以上文章对你有帮助，点个赞，让更多的人看到这篇文章，我们一起学习。如果有什么指点的地方欢迎在评论区留言，秒回复。
没有更多推荐了，请教unity中mesh.tangent是什么作用，一般用在什么地方_百度知道
请教unity中mesh.tangent是什么作用，一般用在什么地方
我有更好的答案
unity 官网的参考文档就有写。 也就是你unity 里面help - scripting reference， 打开官方脚本参考， 在class下找到Mesh类。
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。Sina Visitor System下次自動登錄
現在的位置:
& 綜合 & 正文
Unity3D中MeshRenderer的使用
任何一個模型都是由許多網格面組成的，而面又是由許多三角形組成的。
操作環境：Win7操作系統、Unity3D 4.0
創建網格面的核心就是為其添加2個組件：Mesh Renderer（網格渲染器）和Mesh Filter（網格過濾器）。
添加組件的方法有2種：
(Ⅰ)選擇一個遊戲對象，然後執行Component→Mesh→Mesh Filter 和Mesh Renderer。
(Ⅱ)通過腳本實現：
【理論分析】
由於網格面是由三角形組成的，所以我們有必要知道三角的三個頂點的位置。數組mesh.vertices就是用於存儲三角形頂點坐標。
當頂點數超過3個的時候，我們連接點的順序不同，就會繪製出不同形狀的圖形，所以我們必須要獲得我們想要的連接點的順序。數組mesh.triangles就是用來記錄連接三角形的順序的。由於每繪製一個三角形需要知道其三個頂點的順序，那麼繪製n個三角形就需要知道3*n個點的順序。即數組mesh.triangles的長度是3的倍數。
如上圖，如果我們已知頂點的坐標和順序如上，怎樣繪製出這樣的圖形?
已知5個點，選擇3個點來連接，將其全部連接完有很多種方式，這裡我就不計算了~嘻嘻嘻。但是不是每一種方式都能連接成上面的圖形的。例如：（0，1，2），（1，2，3），（2，3，4）就無法完成上面的圖形。所以我們必須要獲得三角形頂點的索引順序。完成上面圖形我採用的順序：（0，1，2），（0，2，3），（0，3，4）。大家也可以使用其他的順序。那麼我的mesh.triangles=new int[]{0,1,2,0,2,3,0,3,4};而mesh.vertices的值就是點的坐標了。
【案例】拖動滑鼠來繪製一個圓弧
【效果圖】
【上篇】【下篇】}