unity通过Mesh网格绘制图形(三角形、正方体、圆柱)

一、介绍

Mesh类:通过脚本创建或是获取网格的类,网格包含多个顶点和三角形数组。顶点信息包含坐标和所在面的法线。

unity中3D的世界的所有图形全部都是由三角形构成的。
比如unity已经装配好的几种图形我们可以看一下:

我们可以在unity中通过Mesh类来绘制图形。
所以在我们绘制其它图形之前,首先完成一个小目标,画一个三角形。

二、绘制三角形

首先做准备工作:

1.在场景中创建一个空物体,并挂载MeshRenderer和MeshFilter组件。//我们先不考虑碰撞器的问题,所以不添加collider
2.创建一个默认材质,拖入MeshRenderer组件中,为可视化做准备。
3.创建一个脚本,挂载在空物体上。然后开始编辑代码

using System.Collections.Generic;
using UnityEngine;

public class test : MonoBehaviour
{
 // 网格渲染器
 MeshRenderer meshRenderer;
 // 网格过滤器
 MeshFilter meshFilter;

 // 用来存放顶点数据
 List<Vector3> verts;        // 顶点列表
 List<int> indices;          // 序号列表

 private void Start()
 {
  verts = new List<Vector3>();
  indices = new List<int>();
  meshRenderer = GetComponent<MeshRenderer>();
  meshFilter = GetComponent<MeshFilter>();
  Generate();
 }

 public void Generate()
 {
  // 把顶点和序号数据填写在列表里
  AddMeshData1();//三角形
  // 用列表数据创建网格Mesh对象
  Mesh mesh = new Mesh();
  mesh.SetVertices(verts);
  //mesh.vertices = verts.ToArray();
  mesh.SetIndices(indices, MeshTopology.Triangles, 0);
  //mesh.triangles = indices.ToArray();
  // 自动计算法线
  mesh.RecalculateNormals();
  // 自动计算物体的整体边界
  mesh.RecalculateBounds();
  // 将mesh对象赋值给网格过滤器,就完成了
  meshFilter.mesh = mesh;
 }
 // 填写顶点和序号列表
 void AddMeshData1()
 {
  verts.Add(new Vector3(0, 0, 0));
  verts.Add(new Vector3(0, 0, 1));
  verts.Add(new Vector3(1, 0, 1));
  indices.Add(0); indices.Add(1); indices.Add(2);
 }
}

运行后是这个样子的:

然后来解读一下代码:
准备了一个List<Vector3> verts来存放三角形的各个顶点坐标
准备了一个List<int> indices来存放读取的顶点坐标的顺序
获取了空物体的MeshRendererMeshFilter

注意:

MeshFilter: 网格过滤器
作用:指定mesh(物体的几何形状)
MeshRenderer: 网格渲染器
网格渲染器从网格过滤器中获得几何体的形状然后进行渲染。
即:Mesh是网格,MeshFilter是从网格中获取图形的组件,MeshRenderer是渲染从MeshFilter获取到的图形的组件。

然后为List<int> indices增加了三个点,(0,0,0),(0,0,1),(1,0,1),并且就是按照这个顺序读取

mesh.SetVertices(verts);
//mesh.vertices = verts.ToArray();

使用这两种方法任选其一为mesh添加顶点

mesh.SetIndices(indices, MeshTopology.Triangles, 0);
//mesh.triangles = indices.ToArray();

使用这两种方法任选其一为mesh添加三角形的顶点顺序

// 自动计算法线
mesh.RecalculateNormals();
// 自动计算物体的整体边界
mesh.RecalculateBounds();
// 将mesh对象赋值给网格过滤器,就完成了
meshFilter.mesh = mesh;

这里注意一点,三角形会在三个顶点分别生成法线垂直于平面,法线的朝向遵循左手定则
即,一个三角形面有三条法线。所以这个三角形是朝上的,摄像头从上而下就能看到此三角形。如果将摄像头放在三角形的下方朝上看,那么就会看不到此三角形。

自下而上去看,并不能看到三角形。

三、绘制正方体

正方体有6个面,一共12个三角形组成,这边我们偷个懒,只拼装三个面。
那么就需要7个顶点,6个三角形。

注意遵循左手定则,则我们需要添加的六个三角形是:
012 023 145 152 253 356

void AddMeshData2()
 {
  verts.Add(new Vector3(0, 0, 0));
  verts.Add(new Vector3(0, 1, 0));
  verts.Add(new Vector3(1, 1, 0));
  verts.Add(new Vector3(1, 0, 0));
  verts.Add(new Vector3(0, 1, 1));
  verts.Add(new Vector3(1, 1, 1));
  verts.Add(new Vector3(1, 0, 1));

  indices.Add(0); indices.Add(1); indices.Add(2); indices.Add(0); indices.Add(2); indices.Add(3);
  indices.Add(1); indices.Add(4); indices.Add(5); indices.Add(1); indices.Add(5); indices.Add(2);
  indices.Add(2); indices.Add(5); indices.Add(3); indices.Add(3); indices.Add(5); indices.Add(6);
 }

绘制出来是这样的:

将线框关闭,我们发现三个面就好像融合在一起了一样:

我们知道,unity是根据面(三角形的三个顶点)的法线的方向的不同,来判断面的朝向,而在上面的示例中,2号点,既在0123平面上,也在2563平面上,也在1254平面上,而它并没有三根法线(这里其实是四个三角形共享2号点,有四个法线,但是不知道同面的两根法线是否都参与mesh.RecalculateNormals()中的计算导致法线平均值向左方向偏移,等大佬指正)。

所以在调用mesh.RecalculateNormals();unity会自动将这三个法线计算,最终得出一个平均值,作为最后的法线。当然1,3,5三个点也是因为是交界处也会计算法线的平均值。最后渲染出像是都处在同一个平面的效果。

解决的办法也很简单,就是将重合的点不共用,拆开来进行计算
即添加12个点,6个三角形分别是:
012 023 456 467 8910 81011

void AddMeshData4()
 {
  verts.Add(new Vector3(0, 0, 0));//0
  verts.Add(new Vector3(0, 1, 0));//1
  verts.Add(new Vector3(1, 1, 0));//2
  verts.Add(new Vector3(1, 0, 0));//3

  verts.Add(new Vector3(0, 1, 0));//4
  verts.Add(new Vector3(0, 1, 1));//5
  verts.Add(new Vector3(1, 1, 1));//6
  verts.Add(new Vector3(1, 1, 0));//7

  verts.Add(new Vector3(1, 0, 0));//8
  verts.Add(new Vector3(1, 1, 0));//9
  verts.Add(new Vector3(1, 1, 1));//10
  verts.Add(new Vector3(1, 0, 1));//11

  indices.Add(0); indices.Add(1); indices.Add(2); indices.Add(0); indices.Add(2); indices.Add(3);
  indices.Add(4); indices.Add(5); indices.Add(6); indices.Add(4); indices.Add(6); indices.Add(7);
  indices.Add(8); indices.Add(9); indices.Add(10); indices.Add(8); indices.Add(10); indices.Add(11);
 }

这样产生的就是棱角分明的正方体了(背面空空)

四、绘制圆柱体

首先看一下成品的效果

其实就是用两个圆形面加上侧面的一些拼接成的矩形构成

注意点:

1.侧面和上下圆形不共享使用顶点,而侧面各个三角形需要共享使用顶点。原因是法线的朝向问题,正方形那里讲的很清楚了。
2.我这里用Mathf.Sin方法和Mathf.Cos方法来计算圆形面上各个顶点的坐标,方法参数是弧度。

 void AddMeshData7(int n)//n为圆形包含三角形的数量
 {
  int a = 360 / n;
  verts.Add(new Vector3(0, 0, 0));
  for (int i = 0; i < n; i++) //上面
  {
   verts.Add(new Vector3(Mathf.Sin(a * Mathf.Deg2Rad), 0, Mathf.Cos(a * Mathf.Deg2Rad)));
   a += 360 / n;
  }
  verts.Add(new Vector3(0, -2, 0));
  for (int i = 1; i < n + 1; i++) //下面
  {
   verts.Add(verts[i] + new Vector3(0, -2, 0));
  }
  Debug.Log("verts.Count: " + verts.Count);
  for (int i = 0; i < n; i++) //绘制上面
  {
   indices.Add(0);
   indices.Add(i + 1);
   if (i + 1 >= n)
   {
    indices.Add(1);
   }
   else
   {
    indices.Add(i + 2);
   }
  }

  for (int i = n + 1; i < 2 * n + 1; i++) //绘制下面
  {
   Debug.Log("i " + i);
   indices.Add(n + 1);
   if (i + 2 >= 2 * n + 2)
   {
    indices.Add(n + 2);
   }
   else
   {
    indices.Add(i + 2);
   }
   indices.Add(i + 1);
  }

  int oldcount = verts.Count;
  Debug.Log(oldcount);
  for (int i = 0; i < oldcount; i++)
  {
   verts.Add(verts[i]);
  }

  for (int i = oldcount + 1; i <= oldcount + n; i++) //绘制侧面
  {
   indices.Add(i);
   indices.Add(i + n + 1);
   if (i + 1 >= n + oldcount)
   {
    indices.Add(oldcount + 1);
   }
   else
   {
    indices.Add(i + 1);
    Debug.Log(verts[i + 1]);
   }
   indices.Add(i + n + 1);
   if (i + n + 2 > 2 * n + 1 + oldcount)
   {
    indices.Add(oldcount + n + 2);
    indices.Add(oldcount + 1);
   }
   else
   {
    indices.Add(i + n + 2);
    indices.Add(i + 1);
   }
  }
 }

下一篇讨论unity通过Mesh网格绘制球体&通过柏林噪声绘制地形

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

(0)

相关推荐

  • Unity Shader实现图形绘制(蓝天白云大海)

    Unity Shader学习:2D图形绘制(蓝天白云大海),供大家参考,具体内容如下 基本是一些数学上的算法 shader部分: Shader "Unlit/2D-Ocean" { Properties { _MainTex ("Texture", 2D) = "white" {} _SunColor("SunColor",Color) = (1,1,1,1) _SunRoundColor("SunRoundColo

  • unity通过Mesh网格绘制图形(三角形、正方体、圆柱)

    一.介绍 Mesh类:通过脚本创建或是获取网格的类,网格包含多个顶点和三角形数组.顶点信息包含坐标和所在面的法线. unity中3D的世界的所有图形全部都是由三角形构成的. 比如unity已经装配好的几种图形我们可以看一下: 我们可以在unity中通过Mesh类来绘制图形. 所以在我们绘制其它图形之前,首先完成一个小目标,画一个三角形. 二.绘制三角形 首先做准备工作: 1.在场景中创建一个空物体,并挂载MeshRenderer和MeshFilter组件.//我们先不考虑碰撞器的问题,所以不添加

  • unity通过Mesh网格绘制图形球体

    本文实例为大家分享了unity通过Mesh网格绘制球体的具体代码,供大家参考,具体内容如下 接着上一篇文章说: 球体 public class 球体 : MonoBehaviour { MeshRenderer meshRenderer; MeshFilter meshFilter; List<Vector3> verts; List<int> indices; int N = 10; void Start() { verts = new List<Vector3>()

  • Unity中 mesh生成斜坡的示例代码

    Mesh概念: Mesh是Unity中的一个组件,称为网格组件.通俗的讲,Mesh是指模型的网格,3D模型是由多边形拼接而成,而多边形实际上是由多个三角形拼接而成的.所以一个3D模型的表面其实是由多个彼此相连的三角面构成.三维空间中,构成这些三角形的点和边的集合就是Mesh. Mesh组成: 1.顶点坐标数组vertexes 2.顶点在uv坐标系中的位置信息数组uvs 3.三角形顶点顺时针或者逆时针索引数组triangles 4.MeshFiler组件,用于增加mesh属性 5.MeshRend

  • PyQt5的PyQtGraph实践系列3之实时数据更新绘制图形

    在之前介绍PyQtGraph的文章中,我们都是一次性的获取数据并将其绘制为图形.然而在很多场景中,我们都需要对实时的数据进行图形化展示,比如:股票的实时行情.仪器设备的实时状态等,这时候就需要对数据进行实时的更新和绘制. 今天我们就来介绍一下在PyQtGraph中根据实时数据更新绘制图形. 今天的例子我们通过编写一个电脑CPU实时使用率助手来讲解. 一.通过Python获取实时的CPU信息 在Windows操作系统的电脑上,我们通过"任务管理器"可以很方便地查看到自己电脑CPU实时的使

  • Java如何在PPT中绘制图形

    Microsoft PowerPoint可支持在幻灯片中插入各种类型的图形并且可设置图形填充.线条颜色.图形大小.位置等.下面将通过Java编程来演示在PPT中绘制图形的方法. 工具:Free Spire.Presentation for Java Jar文件导入方法1:通过官网下载. Step1:在程序中新建一个Directory目录并命名为lib:并将控件包中的Spire.Presentation.jar(可在解压控件包下的lib文件中获取)直接复制该目录下. Step2: 选中复制后的Sp

  • Python如何使用turtle库绘制图形

    1. 前奏: 在用turtle绘制图形时,需要安装对应python的解释器以及IDE,我安装的是pycharm,在安装完pycharm后,在pycharm安装相应库的模块,绘图可以引入turtle模块,想要进行运算可以引入numpy模块. 需要注意: 在pycharm 中 turtle 是不支持提示的,可能是动态语言的一种毛病吧 turtle绘图常用的函数有: 操纵海龟绘图有着许多的命令,这些命令可以划分为两种:一种为运动命令,一种为画笔控制命令 (1)画笔运动命令: 命令 说明 turtle.

  • Qt实现实时鼠标绘制图形

    目录 功能实现 1:记录图形第一个绘制点 2:实时获取鼠标最新位置并绘图 3:释放绘制点,绘制最终图形 总结 上一章节介绍了关于QGraphicsView的基础讲解,以及简单的类图创建,由上一章节中最后展示的动画效果来看,今年主要讲述如何在QGraphicsView架构下,实时拖动鼠标绘制图形! 今天主要以矩形为例,再来看一下展示效果吧! 功能实现 想要实现鼠标拖拽绘图的效果,离不开鼠标的三大事件:按下.移动.释放 那么具体实现实时绘制矩形框的核心流程是什么呢? 第一步:鼠标左键点击,记录初始点

  • WPF基于物理像素绘制图形

    WPF中有一个DrawingContext类,该类提供了很多画法方法,例如DrawLine,DrawText,DrawRectangle等.开发者使用它们可以方便地进行图形绘制.不过,在使用DrawingContext过程中,我发现使用DawLine方法画出的线条在某些部分有些模糊.这个问题的解决,需要一些计算机图形学方面的知识,使用的方法并不是很复杂.不过,这个方法所涉及到的一些过程有些令人费解(好吧,我没有专门学过计算机图形学),本文是我在实践中的一些尝试和经验的总结. 还是从一个例子开始吧

  • Python使用draw类绘制图形示例讲解

    目录 视频 Pygame模块之pygame.draw 示例1 示例2 视频 观看视频 Pygame模块之pygame.draw 本文将主要介绍Pygame的draw模块,主要内容翻译自pygame的官方文档 pygame.draw 模块用于在Surface上绘制一些简单的图形,比如点.直线.矩形.圆.弧等. pygame.draw中函数的第一个参数总是一个surface,然后是颜色,再后会是一系列的坐标等.稍有些计算机绘图经验的人就会知道,计算机里的坐标,(0,0)代表左上角.而返回值是一个Re

  • Android利用Canvas类绘制图形

    本文实例为大家分享了Android利用Canvas类绘制图形的具体代码,供大家参考,具体内容如下 首先介绍一下相关基础知识. 1.画笔(paint) 1.1.作用:画笔对象通过属性来设置笔的颜色.粗细.风格等. 1.2.设置图形绘制属性相关方法: setARGB():设置画笔的颜色:setAlpha():设置绘制图形的透明度:setStyle():设置画笔的样式风格:setStrockWidth():设置画笔的宽度: 1.3.设置文本绘制属性的相关方法: setTextSize():设置字体的大

随机推荐