Unity 制作一个简单的Mesh网格

为了渲染出我们自制的Mesh,我们首先在一个空组件上增加MeshFilter和MeshRenderer。

Mesh1.png

MeshFilter是针对我们这个GameObject存储的Mesh,Mesh Renderer组件就是读取自身的MeshFilter来获得mesh进行渲染,所以这两个组件是配套使用的。

0.啥子是网格

网格就如字面意思一样就是由点和线组成的东西。

Mesh2.png

Mesh3.png

图2是一个平面网格，图3就是我们常见的cube网格。

而我们常见的网格的最小单元是一个三角形,也就是3个顶点组成的最小单元。

1.制作一个Mesh

制作一个Mesh非常的简单,我们只需要new一个Mesh然后赋值给我们的MeshFilter组件就可以拉。

 Mesh CurMesh = new Mesh();
 GetComponent<MeshFilter>().mesh = CurMesh;
 CurMesh.name = "createTempMesh";

但是这样我们还是看不出个什么来因为网格没有其他的一些信息,也没有顶点信息。

Mesh4.png

2.为Mesh增加顶点

到这一步我们就要开始正式的为我们制作的Mesh增加顶点啦,首先尝试加3个点。

 Vector3 vectices = new Vector3[3];
vectices[0].x = 0;
 vectices[0].y = 0;

 vectices[1].x = 1;
 vectices[1].y = 0;

 vectices[2].x = 2;
 vectices[2].y = 0;
 CurMesh.vertices = vectices;

这样我们的顶点坐标就成功的加到了我们Mesh里拉。
这里的坐标点对应的是世界坐标的坐标点。

3.连接Mesh里的顶点

int[] TriangleIndexs = new int[3];
TriangleIndexs[0] = 0;
TriangleIndexs[1] = 2;
TriangleIndexs[2] = 1;
CurMesh.triangles = TriangleIndexs;

这里的0是顶点坐标信息下标里的0,是和vertices对应上的。存储的就是顶点坐标的下标。
但是设置到这你就发现没用啊,场景里没有生成东西啊什么反应都没有。
因为我们需要连接的是一个最小单元也就是一个三角形，所以从连接上来看我们是一条线，不能形成一个面啦，所以我们只需要稍作调整就可以得到一个三角面啦。

MeshLine.png

 Vector3 vectices = new Vector3[3];
 vectices[0].x = 0;
 vectices[0].y = 0;

 vectices[1].x = 1;
 vectices[1].y = 0;

 vectices[2].x = 0;
 vectices[2].y = 1;
 CurMesh.vertices = vectices;

int[] TriangleIndexs = new int[3];
TriangleIndexs[0] = 0;
TriangleIndexs[1] = 2;
TriangleIndexs[2] = 1;
CurMesh.triangles = TriangleIndexs;

这时候点击Mesh查看就能看到一个三角面的网格啦；

Mesh5.png

场景中也对应的出现了一个紫色的没有材质的三角面。

Mesh6.png

但是有的朋友可能生成之后看不到场景里的三角面，如下图。

Mesh7.png

这是为什么会这样呢？首先需要确认你的MeshRenderer组件的materials size大于0

Mesh8.png

排除这个问题就到了一个需要注意的点triangles,Mesh的三角下标信息。
仔细对比图6 和图7的坐标系发现图6显示出来的三角面试是在z轴的正方向，而不显示的图7是在z轴的反方向。
这是因为我们只渲染了一个面，所以背面信息没有渲染。
那是什么信息决定了正面渲染的呢？
其实就是我们的三角面下标顺序。
我们这里的顺序是 0 2 1是一个顺时针旋转。所以是z轴正面渲染。

Mesh10.png

当我们使用 0 1 2点顺序也就是逆时针顺序渲染看到的三角面应该是在z轴反面渲染

Mesh9.png

Mesh11.png

4.为Mesh增加UV坐标

当我们给MeshRenderer里添加材质你会发现变黑了,为什么是变黑呢？是因为材质没有对应上这个Mesh，这个Mesh的没有uv坐标信息。那么uv坐标到底是什么？

uv坐标

uv坐标就是横坐标为u,纵坐标为v的一个坐标系,一般取值范围是在(0,1)之间。它代表贴图信息的位置关系,贴图每个像素点对应上的具体位置。

添加uv坐标

Vector2[] uvs = new Vector2[3];
uvs[0] = new Vector2(0, 0);
uvs[1] = new Vector2(0.5f, 0);
uvs[2] = new Vector2(0, 0.5f);
CurMesh.uv = uvs;

Mesh12.png

如果你加载出来的贴图是一个纯黑的图,就要考虑是不是Auto Greerate lighting 没有设置为on。

MeshTest.png

5.为Mesh增加法线

在了解什么是法线的前提下，我们先来看看法线对Mesh有什么影响。

Mesh12.png

Mesh13.png

Mesh14.png

效果是不是显而易见的,当没有法线的时候图片没有光照信息,不反射光照看起来灰蒙蒙的。
而图13 14是加了法线的,它就会受到光线信息的影响,从不同的角度去看都有不一样的效果。

那法线是什么呢？

法线分为顶点法线和面法线。在这个三角面上有三个顶点和一个三角面,对应的也就有3个顶点法线和一个面法线,法线垂直于点、面，方向朝外是一个向量。
在这里简单的添加法线信息可以使用unity带的

CurMesh.RecalculateNormals();

当然你也可以自己为它添加法线信息。

Vector3[] tempNormals = new Vector3[3];
tempNormals[0] = new Vector3(0, 0, -1);
tempNormals[1] = new Vector3(0, 0, -1);
tempNormals[2] = new Vector3(0, 0, -1);
CurMesh.normals = tempNormals;

这里为什么是-1,不是正1。我们刚刚说过了法线的方向朝外，当我们灯光照射方向和法线方向相同就看不出光照信息的效果，而相反的话就能很好的反应出受光照的反射效果。

这里只是简单的介绍Mesh网格的一些基础的信息,肯定有很多地方有歧义也是不好意思啦，如果有不正确的地方欢迎指出。谢谢大家。