首页
 导航
语文
作文
 手机
客服中心
投稿赚钱
免费注册
首页
当前位置：查字典教程网 >编程开发 >IOS开发 >IOS开发：Unity3D根据动态的两个轨迹点绘制面详解
IOS开发：Unity3D根据动态的两个轨迹点绘制面详解
摘要：暂时我们先忽略Z轴(这样在平面中看得更清楚)，假设Z轴坐标都为0。假设游戏中有两个轨迹点在动态的增加与改变，最后将这两个点改变的轨迹拼接起来...

IOS开发：Unity3D根据动态的两个轨迹点绘制面详解 查字典教程网

　　暂时我们先忽略Z轴(这样在平面中看得更清楚)，假设Z轴坐标都为0。假设游戏中有两个轨迹点在动态的增加与改变，最后将这两个点改变的轨迹拼接起来就是它们生成的面。如上图所示，第一个点的轨迹是“ 3，4，5，6，7” 第二个点的轨迹是“2，1，10，9，8” 。这两个点的长度是可变的，前提是他们两个的数量必需完全一样。接着，如下图所示，我们将这些点两两相连起来，目前一共形成了8个三角形面(可根据两个动态点的数量而确定整个网格面三角形面的数量)。最后我们将这8个三角形填充上同样的颜色，就可以实现一个完整的立体网格面。

　　原理很简单，就是这样的我相信大家看到这里大家都能明白，接着我们就学习如何使用代码来实现它。首先创建Unity工程，接着创建一个空的游戏对象，然后给该游戏对象绑定Mesh Filter组件 与 Mesh Renderer组件。

　　Mesh Filter组件：表示网格面，这个网格面是由我们使用代码将所有三角形拼接起来生成的面。

　　Mesh Renderer组件：表示表示网格的渲染，可设置一个渲染的材质，它包括贴图与颜色。

　　如下图所示，我说说里面比较重要的属性。Mesh Renderer中，Materials下拉列表中可设置网格模型的材质，此时我们设置了一个红色的材质。 Mesh Filter:目前为None，也不用再编辑器中为它赋值，因为这个网格模型我们会在代码中生成并且赋值。在下面就是方刚我们设置红色的材质资源，Shader中设置了贴图的属性，目前是GUI/ TextShader。它表示这个材质的渲染级别在GUI上，就是优先级是最一层的。举个例子无论在这个网格模型的前面绘制多少模型，它永远都会在最前面显示。就这个例子而言它的存在并不是必需的，其实Shader的选项还有很多，可透明、不可透明、镜面、反射等等，后期我会向大家详细道来。

　　OK，现在资源文件都已经准备完毕，下面我们学习如何来绘制一个三角形，从简单的开始。。把下面的代码绑定在摄像机对象当中。

　　[代码]java代码：

01 using UnityEngine;
02 using System.Collections.Generic;
03 using System;
04  
05 public class Test : MonoBehaviour {
06  
07 void Start ()
08 {
09 //得到MeshFilter对象，目前是空的。
10 MeshFilter meshFilter = (MeshFilter)GameObject.Find("face").GetComponent(typeof(MeshFilter));
11 //得到对应的网格对象
12 Mesh mesh = meshFilter.mesh;
13  
14 //三角形顶点的坐标数组
15 Vector3[] vertices = new Vector3[3];
16 //三角形顶点ID数组
17 int[] triangles = new int[3];
18  
19 //三角形三个定点坐标，为了显示清楚忽略Z轴
20 vertices[0] = new Vector3(0,0,0);
21 vertices[1] = new Vector3(0,1,0);
22 vertices[2] = new Vector3(1,0,0);
23  
24 //三角形绘制顶点的数组
25 triangles[0] =0;
26 triangles[1] =1;
27 triangles[2] =2;
28  
29 //注释1
30 mesh.vertices = vertices;
31  
32 mesh.triangles = triangles;
33  
34 }
35  
36 }

　　代码中有两个非常重要的概念，就是三角形顶点数组与坐标数组。先说说坐标数组，假设需要绘制一个四边形，此时三角形坐标数组的长度应当是4，它保存着四边形四个顶点的坐标。然后是顶点数组，四边形是由两个三角形组成，然而一个三角形是由3个顶点组成，两个三角形就应当是6个顶点组成，无论多少个三角形它们的结构都应当是以此类推。

　　注解1：这里是将模型的顶点数组与坐标数组赋值给网格模型，还记得刚刚在创建Mesh Filter时，当时没有在编辑器中给网格模型赋值，实际上代码走到这里就会重新为网格模型MeshFilter赋值，接着我们在代码中绘制的三角形就会显示在屏幕当中。

　　如图所示，三角形已经绘制在屏幕当中。 图中数组 0 1 2 表示该三角形的三个顶点的ID。这个ID对应代码中对应vertices数组索引顶点的坐标。

　　下面我们修改一下代码，让屏幕中一共绘制4个三角形。

　　[代码]java代码：

01 using UnityEngine;
02 using System.Collections.Generic;
03 using System;
04  
05 public class Test : MonoBehaviour {
06  
07 //网格模型顶点数量
08 private int VERTICES_COUNT = 6;
09  
10 void Start ()
11 {
12 //得到MeshFilter对象，目前是空的。
13 MeshFilter meshFilter = (MeshFilter)GameObject.Find("face").GetComponent(typeof(MeshFilter));
14 //得到对应的网格对象
15 Mesh mesh = meshFilter.mesh;
16  
17 //三角形顶点的坐标数组
18 Vector3[] vertices = new Vector3[VERTICES_COUNT];
19  
20 //得到三角形的数量
21 int triangles_count = VERTICES_COUNT - 2;
22  
23 //三角形顶点ID数组
24 int[] triangles = new int[triangles_count *3];
25  
26 //三角形三个定点坐标，为了显示清楚忽略Z轴
27 vertices[0] = new Vector3(0,0,0);
28 vertices[1] = new Vector3(0,1,0);
29 vertices[2] = new Vector3(1,0,0);
30 vertices[3] = new Vector3(1,1,0);
31 vertices[4] = new Vector3(2,0,0);
32 vertices[5] = new Vector3(2,1,0);
33  
34 //三角形绘制顶点的数组
35 triangles[0] =0;
36 triangles[1] =1;
37 triangles[2] =2;
38 triangles[3] =3;
39 triangles[4] =2;
40 triangles[5] =1;
41  
42 triangles[6] =2;
43 triangles[7] =3;
44 triangles[8] =4;
45  
46 triangles[9] =5;
47 triangles[10] =4;
48 triangles[11] =3;
49  
50 //绘制三角形
51 mesh.vertices = vertices;
52  
53 mesh.triangles = triangles;
54  
55 }
56  
57 }

　　已知模型的顶点数量，顶点数量减去2就是三角形的数量，三角形的数量在乘以3就是三角形顶点的数量。根据这个公式计算得知，上述代码中_共绘制4个三角形，顶点坐标数组应当是6，顶点ID数组应当是12。多个三角形在顶点ID数组中排列方式比较特殊，大家需要仔细记录一下不然无法绘制出正确的三角形。如下图所示，由于我这边没有合适的3D坐标点，就用正三角形拼接出一个正四边形，这个四边形是由6个顶点4个小三角形组成 ，看到这里思路清晰的朋友应当明了无规则四边形的绘制原理和它完全一样。只需要传入适当的3D坐标点即可。

　　根据上面的逻辑，我们修改一下算法。假设三角形的顶点坐标为任意数量，我们需要更根据顶点坐标数量来计算对应顶点ID的数组内容。在for循环中 start =0 与end =3的含义是绘制从顶点坐标数组中索引为0的顶点开始绘制到数组索引为3的顶点，也就说是这里从0到3绘制了3个三角形。

　　[代码]java代码：

01 using UnityEngine;
02 using System.Collections.Generic;
03 using System;
04  
05 public class Test : MonoBehaviour {
06  
07 //网格模型顶点数量
08 private int VERTICES_COUNT = 6;
09  
10 void Start ()
11 {
12 //得到MeshFilter对象，目前是空的。
13 MeshFilter meshFilter = (MeshFilter)GameObject.Find("face").GetComponent(typeof(MeshFilter));
14 //得到对应的网格对象
15 Mesh mesh = meshFilter.mesh;
16  
17 //三角形顶点的坐标数组
18 Vector3[] vertices = new Vector3[VERTICES_COUNT];
19  
20 //得到三角形的数量
21 int triangles_count = VERTICES_COUNT - 2;
22  
23 //三角形顶点ID数组
24 int[] triangles = new int[triangles_count *3];
25  
26 //三角形三个定点坐标，为了显示清楚忽略Z轴
27 vertices[0] = new Vector3(0,0,0);
28 vertices[1] = new Vector3(0,1,0);
29 vertices[2] = new Vector3(1,0,0);
30 vertices[3] = new Vector3(1,1,0);
31 vertices[4] = new Vector3(2,0,0);
32 vertices[5] = new Vector3(2,1,0);
33  
34 //绘制三角形
35 mesh.vertices = vertices;
36  
37 //起始三角形顶点
38 int start = 0;
39  
40 //结束三角形的顶点
41 int end = 3;
42  
43 for(int i = start; i
44 {
45 for(int j = 0; j < 3; j++)
46 {
47 if( i%2 ==0)
48 {
49 triangles[3*i + j] = i +j;
50 }else
51 {
52 triangles[3*i + j] = i + 2-j;
53 }
54  
55 }
56 }
57  
58 mesh.triangles = triangles;
59 }
60 }

　　如下图所示，根据上面的逻辑算法，共绘制了3个三角形，并且顶点坐标ID是由 0 到3 。 说到这里请大家仔细想想本文的标题内容，其实两个动态轨迹的点就是在维护triangles顶点坐标数组。triangles[0]、triangles[2]、triangles[4]……表示一个轨迹点的值，triangles[1]、triangles[3]、triangles[5]……就表示另一个轨迹点的值，最终将它们通过上面的算法将三角形面连接起来那么就是动态的两个点轨迹绘制面了。

　　Unity3D其实非常好玩，上手虽然很简单，但是想深入其实并没有那么容易，今天这篇文章的思路已经写完，如果还是没能明白的朋友请仔细揣摩三角形与四边形之间的区别。

【IOS开发：Unity3D根据动态的两个轨迹点绘制面详解】相关文章：

★ iOS开发中导航控制器的基本使用教程

★ 讲解iOS开发中UITableView列表设计的基本要点

★ iOS开发：Unity3D 使用C＃语言建立本地数据库

★ iOS App开发中使cell高度自适应的黑魔法详解

★ IOS实现简单的进度条功能

★ iOS开发中最有用关键的代码整合

★ iOS开发：部分字体解析

★ iOS开发之路--微博“更多”页面

★ iOS开发ASIHttpRequest发送数据与下载数据

★ IOS开发：WatchKit的应用程序要点

上一篇： iOS版PSP模拟器PPSSPP怎么用
相关阅读
更多>>
网友关注
更多>>
网友最新关注视频
更多>>
精品推荐
分类导航
编程开发子分类
最新IOS开发学习
热门IOS开发学习