前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Unity3D学习笔记1——绘制一个三角形

Unity3D学习笔记1——绘制一个三角形

作者头像
charlee44
发布2021-06-29 09:55:49
1.2K0
发布2021-06-29 09:55:49
举报
文章被收录于专栏:代码编写世界代码编写世界

目录

1. 绪论

最近想学习一下Unity3d,无奈发现现在大部分教程不仅是视频形式的,面对的也是美术、设计之类的非程序员,更多的时候都是把Unity3d当作PS一样的工具来用,真正面对程序开发的教程反而非常少,更不用说希望能研究到一些底层图形技术的技术工作者了。

说一下我看的两本Unity3d书籍吧。第一本是《Unity 3D游戏开发(第2版)》(宣雨松 著)。这本书算是大部分教程书籍中评价比较好的了,很多人推荐。不过个人感觉作者对Unity3D的知识有了太多的积累,已经忘记了初学者初学Unity3D的心态,知识也显得比较零散。不过这也是国内大多数书籍的通病了,更像是作者对知识的总结而不是成体系的向读者介绍知识。建议初学者看这本书一定要实操,喜欢头脑风暴的同学不适合这本书。

看的第二本书是《Unity Shader入门精要》(冯乐乐 著)。令人佩服的是这本书是位程序媛写的,可能正是因为如此,这本书写的确实非常细致到位。尤其是前面几章对渲染管线的描述,从Unity3D图形技出发,已然上升到计算机图形学的高度上,对学习其他的图形技术也有非常大的帮助(毕竟很多图形技术都是通用的)。当时看了觉得确实很不错,因此还送了同事一本。

最后就是自己也想总结一下Unity3D的相关知识吧,本身是个程序猿,当然更多的会偏向游戏开发的程序员角度,或者图形技术的程序员的角度一点。

2. 概述

图形渲染技术的第一个HelloWorld当然应该就是绘制一个三角形了。在绝大多数情况下,三角面是渲染物体的基础图元。作为高级的渲染引擎,像三角面这样的几何体甚至不需要我们去通过代码来绘制,但是却是我们学习的基础,立足于这个基础,我们以后能够渲染更加复杂的图形。

3. 详论

3.1. 准备

通过Unity Hub创建一个3D工程:

imglink1
imglink1

进入Unity3D环境,通过右键菜单,在"Hierarchy"视图中添加一个名为"Root"空的GameObject:

imglink2
imglink2

GameObject对象是Unity3D中得一个基础类,Unity3D中得绝大部分对象都是基于它实现的,比如相机、灯光、或者模型等。所以我们这里把创建的名为Root的GameObject对象作为场景的根节点。

在Root对象的Inspector面板中,可以看到一个"Add Component"按钮:

imglink3
imglink3

也就是说,通过"Add Component"按钮,我们可以挂接一些组件,这样,空的GameObject对象就成为了其他类型的对象。例如,我这里挂接一个C#脚本,通过C#脚本来绘制物体,那么这个GameObject,表示的就是一个渲染的物体。

在"Project"视图中,通过右键菜单创建一个C#脚本:

imglink4
imglink4

通过Root对象的Inspector面板中的"Add Component"按钮,将这个脚本,挂接到Root对象下:

imglink5
imglink5

3.2. 实现

通过"Project"视图的右键菜单中打开这个C#工程,可以看到我们添加的脚本"Main.CS":

代码语言:javascript
复制
using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class Main : MonoBehaviour
{
    // Start is called before the first frame update
    void Start()
    {
    }

    // Update is called once per frame
    void Update()
    {        
    }
}

这个脚本提供了两个方法:

  1. Start()表示初始化(第一帧)的时候需要更新的内容,通常用于初始化之后不再更新的内容。比如我们会在这里绘制一个物体。
  2. Update()表示每一帧都需要实时更新的内容,比如相机与鼠标键盘事件的交互。

那么就在Start()中进行绘制一个三角形的操作:

代码语言:javascript
复制
using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class Main : MonoBehaviour
{
    // Start is called before the first frame update
    void Start()
    {
        GameObject main = GameObject.Find("/Root");
        if (main == null)
        {
            return;
        }

        GameObject triangleGameObject = GreateTriangle();
        triangleGameObject.transform.parent = main.transform;
    }

    GameObject GreateTriangle()
    {
        string name = "triangle";
  
        Mesh mesh = new Mesh();
        mesh.name = name;

        Vector3[] vertices = new Vector3[3]
        {
            new Vector3(0, 0, 0),
            new Vector3(0, 10, 0),
            new Vector3(10, 0, 0)
        };        
        mesh.vertices = vertices;

        int[] triangles = new int[3] { 0, 1, 2 };
        mesh.triangles = triangles;

        GameObject triangleGameObject = new GameObject(name);
        MeshFilter mf = triangleGameObject.AddComponent<MeshFilter>();
        mf.sharedMesh = mesh;

        MeshRenderer meshRenderer = triangleGameObject.AddComponent<MeshRenderer>();
     
        return triangleGameObject;
    }

    // Update is called once per frame
    void Update()
    {        
    }
}

3.3. 解析

3.3.1. 场景树对象

在Start()函数中,首先我们找到了场景根节点Root,然后又通过调用GreateTriangle()函数,创建了一个三角形的GameObject对象,最后把这个三角形对象挂接到Root对象下:

代码语言:javascript
复制
void Start()
{
    GameObject main = GameObject.Find("/Root");
    if (main == null)
    {
        return;
    }

    GameObject triangleGameObject = GreateTriangle();
    triangleGameObject.transform.parent = main.transform;
}

可以看到子对象挂接到父对象是通过GameObject对象中Transform对象来挂接的,这其实体现了一种思维的体现:Transform其实是表达GameObject对象空间位置的的4X4矩阵,父节点设置Transform会影响到子节点的位置,子节点的初始位置都是基于父节点的Transform开始计算的。通过这种方式,再复杂的场景也可以组织成一个场景树节点:

imglink6
imglink6

3.3.2. 绘制方法

经过图形技术的多年发展,现在大部分图像渲染引擎都会把渲染的物体封装成两种对象:渲染物体的骨架封装成Mesh(网格),因为绝大多数物体都是通过一个个三角面片渲染出来的;渲染物体的血肉封装成Material(材质),影响最终渲染的效果,如物体的光感、质地。

所以,为了绘制一个三角形,当然应该先绘制一个Mesh:

代码语言:javascript
复制
GameObject GreateTriangle()
{
    string name = "triangle";

    Mesh mesh = new Mesh();
    mesh.name = name;

    Vector3[] vertices = new Vector3[3]
    {
        new Vector3(0, 0, 0),
        new Vector3(0, 10, 0),
        new Vector3(10, 0, 0)
    };        
    mesh.vertices = vertices;

    int[] triangles = new int[3] { 0, 1, 2 };
    mesh.triangles = triangles;

    //...
}

这里,我们给Mesh传入了三个顶点,以及顶点的三角面索引。三角面索引表示的是按照索引的顺序,通过顶点进行绘制,这样就可以使用较少的顶点进行绘制,节约空间,毕竟Mesh中很多三角面片是共顶点的。

接下来,给GameObject增加一个MeshFilter组件,通过这个组件挂接刚创建的Mesh;给GameObject增加一个MeshRenderer组件,这个组件是用来挂接Material的,不过暂时没有用上Material(但是必须增加MeshRenderer组件,否则不会显示物体)。

代码语言:javascript
复制
GameObject GreateTriangle()
{
    //...

    GameObject triangleGameObject = new GameObject(name);
    MeshFilter mf = triangleGameObject.AddComponent<MeshFilter>();
    mf.sharedMesh = mesh;

    MeshRenderer meshRenderer = triangleGameObject.AddComponent<MeshRenderer>();
    
    return triangleGameObject;
}

4. 结果

点击"Play",运行结果如下:

imglink7
imglink7
imglink8
imglink8
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2021-06-26 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1. 绪论
  • 2. 概述
  • 3. 详论
    • 3.1. 准备
      • 3.2. 实现
        • 3.3. 解析
          • 3.3.1. 场景树对象
          • 3.3.2. 绘制方法
      • 4. 结果
      相关产品与服务
      图像处理
      图像处理基于腾讯云深度学习等人工智能技术,提供综合性的图像优化处理服务,包括图像质量评估、图像清晰度增强、图像智能裁剪等。
      领券
      问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档