（二）GL 简单绘制

最新推荐文章于 2023-05-31 22:13:01 发布
最新推荐文章于 2023-05-31 22:13:01 发布
阅读量3.6k 收藏 1
点赞数
分类专栏： Unity Graphics基础
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_37833413/article/details/104326057
版权

文章目录

1.前言

在GL简介中已经对GL方法的使用做了详细的说明，此文则是对GL方法的一些简单应用实例。

2.绘制简单图形

基本参数变量如下所示：

    public int circleCount = 6;
    public int circleRadius = 3;
    public int triangleSize = 2;
    public int quadSize = 2;

2.1 绘制圆环

基于GL.LINES通过绘制线来生成圆。代码如下：

    private void DrawCircle()
    {
        float angleDelta = 2 * Mathf.PI / circleCount;

        GL.Begin(GL.LINES);
        GL.Color(Color.red);

        for (int i = 0; i < circleCount; i++)
        {
            float angle = angleDelta * i;
            float angleNext = angle + angleDelta;

            GL.Vertex3(Mathf.Cos(angle) * circleRadius, Mathf.Sin(angle) * circleRadius, 0);
            GL.Vertex3(Mathf.Cos(angleNext) * circleRadius, Mathf.Sin(angleNext) * circleRadius, 0);
        }

        GL.End();
    }

2.2 绘制三角形

绘制三角形平面

    private void DrawTriangle()
    {
        GL.Begin(GL.TRIANGLES);
        GL.Color(Color.green);

        GL.Vertex3(-triangleSize, -triangleSize, 0);
        GL.Color(Color.black);
        GL.Vertex3(triangleSize, -triangleSize, 0);
        GL.Color(Color.red);
        GL.Vertex3(0, triangleSize, 0);

        GL.End();
    }

2.3 绘制四边形

绘制四边形平面

    private void DrawQuad()
    {
        GL.Begin(GL.QUADS);
        GL.Color(Color.blue);

        GL.Vertex3(-quadSize, -quadSize, 0);
        GL.Vertex3(quadSize, -quadSize, 0);
        GL.Vertex3(quadSize, quadSize, 0);
        GL.Vertex3(-quadSize, quadSize, 0);

        GL.End();
    }

2.4 绘制圆形面

在2.1中通过线绘制圆形环，此节通过三角形绘制圆面

   private void DrawCircleSurface()
    {
        float angleDelta = 2 * Mathf.PI / circleCount;

        GL.Begin(GL.TRIANGLES);
        GL.Color(Color.yellow);

        for (int i = 0; i < circleCount; i++)
        {
            float angle = angleDelta * i;
            float angleNext = angle + angleDelta;

            GL.Vertex3(0, 0, 0);
            GL.Vertex3(Mathf.Cos(angle) * circleRadius, Mathf.Sin(angle) * circleRadius, 0);
            GL.Vertex3(Mathf.Cos(angleNext) * circleRadius, Mathf.Sin(angleNext) * circleRadius, 0);
        }

        GL.End();
    }

2.5 绘制立方体

通过Quad绘制立方体

    private void DrawCube()
    {
        GL.Begin(GL.QUADS);
        GL.Color(Color.white);

        GL.Vertex3(-quadSize, -quadSize, -quadSize);
        GL.Vertex3(quadSize, -quadSize, -quadSize);
        GL.Vertex3(quadSize, quadSize, -quadSize);
        GL.Vertex3(-quadSize, quadSize, -quadSize);

        GL.Vertex3(-quadSize, -quadSize, quadSize);
        GL.Vertex3(quadSize, -quadSize, quadSize);
        GL.Vertex3(quadSize, quadSize, quadSize);
        GL.Vertex3(-quadSize, quadSize, quadSize);

        GL.Vertex3(quadSize, -quadSize, -quadSize);
        GL.Vertex3(quadSize, -quadSize, quadSize);
        GL.Vertex3(quadSize, quadSize, quadSize);
        GL.Vertex3(quadSize, quadSize, -quadSize);

        GL.Vertex3(-quadSize, -quadSize, -quadSize);
        GL.Vertex3(-quadSize, -quadSize, quadSize);
        GL.Vertex3(-quadSize, quadSize, quadSize);
        GL.Vertex3(-quadSize, quadSize, -quadSize);

        GL.Vertex3(-quadSize, -quadSize, -quadSize);
        GL.Vertex3(quadSize, -quadSize, quadSize);
        GL.Vertex3(quadSize, -quadSize, quadSize);
        GL.Vertex3(-quadSize, -quadSize, quadSize);

        GL.Vertex3(-quadSize, quadSize, -quadSize);
        GL.Vertex3(quadSize, quadSize, -quadSize);
        GL.Vertex3(quadSize, quadSize, quadSize);
        GL.Vertex3(-quadSize, quadSize, quadSize);

        GL.End();
    }

3.完整代码

using System.Collections;
using System.Collections.Generic;
using UnityEngine;

public class Graphics02GLDrawings : MonoBehaviour
{
    public enum DrawingType
    {
        DRAW_CIRCLE,
        DRAW_TRIANGLE,
        DRAW_QUAD,
        DRAW_CIRCLE_SURFACE,
        DRAW_CUBE
    }

    public DrawingType type = DrawingType.DRAW_CIRCLE;

    public int circleCount = 6;
    public int circleRadius = 3;
    public int triangleSize = 2;
    public int quadSize = 2;

    private Material glMat;

    private void SetMaterialPass()
    {
        if (glMat == null)
        {
            glMat = new Material(Shader.Find("Hidden/Internal-Colored"));
        }

        glMat.SetPass(0);
    }

    private void OnRenderObject()
    {
        SetMaterialPass();

        switch(type)
        {
            case DrawingType.DRAW_CIRCLE:
                DrawCircle();
                break;
            case DrawingType.DRAW_TRIANGLE:
                DrawTriangle();
                break;
            case DrawingType.DRAW_QUAD:
                DrawQuad();
                break;
            case DrawingType.DRAW_CIRCLE_SURFACE:
                DrawCircleSurface();
                break;
            case DrawingType.DRAW_CUBE:
                DrawCube();
                break;
        }
    }

    private void DrawCircle()
    {
        float angleDelta = 2 * Mathf.PI / circleCount;

        GL.Begin(GL.LINES);
        GL.Color(Color.red);

        for (int i = 0; i < circleCount; i++)
        {
            float angle = angleDelta * i;
            float angleNext = angle + angleDelta;

            GL.Vertex3(Mathf.Cos(angle) * circleRadius, Mathf.Sin(angle) * circleRadius, 0);
            GL.Vertex3(Mathf.Cos(angleNext) * circleRadius, Mathf.Sin(angleNext) * circleRadius, 0);
        }

        GL.End();
    }

    private void DrawTriangle()
    {
        GL.Begin(GL.TRIANGLES);
        GL.Color(Color.green);

        GL.Vertex3(-triangleSize, -triangleSize, 0);
        GL.Color(Color.black);
        GL.Vertex3(triangleSize, -triangleSize, 0);
        GL.Color(Color.red);
        GL.Vertex3(0, triangleSize, 0);

        GL.End();
    }

    private void DrawQuad()
    {
        GL.Begin(GL.QUADS);
        GL.Color(Color.blue);

        GL.Vertex3(-quadSize, -quadSize, 0);
        GL.Vertex3(quadSize, -quadSize, 0);
        GL.Vertex3(quadSize, quadSize, 0);
        GL.Vertex3(-quadSize, quadSize, 0);

        GL.End();
    }

    private void DrawCircleSurface()
    {
        float angleDelta = 2 * Mathf.PI / circleCount;

        GL.Begin(GL.TRIANGLES);
        GL.Color(Color.yellow);

        for (int i = 0; i < circleCount; i++)
        {
            float angle = angleDelta * i;
            float angleNext = angle + angleDelta;

            GL.Vertex3(0, 0, 0);
            GL.Vertex3(Mathf.Cos(angle) * circleRadius, Mathf.Sin(angle) * circleRadius, 0);
            GL.Vertex3(Mathf.Cos(angleNext) * circleRadius, Mathf.Sin(angleNext) * circleRadius, 0);
        }

        GL.End();
    }

    private void DrawCube()
    {
        GL.Begin(GL.QUADS);
        GL.Color(Color.white);

        GL.Vertex3(-quadSize, -quadSize, -quadSize);
        GL.Vertex3(quadSize, -quadSize, -quadSize);
        GL.Vertex3(quadSize, quadSize, -quadSize);
        GL.Vertex3(-quadSize, quadSize, -quadSize);

        GL.Vertex3(-quadSize, -quadSize, quadSize);
        GL.Vertex3(quadSize, -quadSize, quadSize);
        GL.Vertex3(quadSize, quadSize, quadSize);
        GL.Vertex3(-quadSize, quadSize, quadSize);

        GL.Vertex3(quadSize, -quadSize, -quadSize);
        GL.Vertex3(quadSize, -quadSize, quadSize);
        GL.Vertex3(quadSize, quadSize, quadSize);
        GL.Vertex3(quadSize, quadSize, -quadSize);

        GL.Vertex3(-quadSize, -quadSize, -quadSize);
        GL.Vertex3(-quadSize, -quadSize, quadSize);
        GL.Vertex3(-quadSize, quadSize, quadSize);
        GL.Vertex3(-quadSize, quadSize, -quadSize);

        GL.Vertex3(-quadSize, -quadSize, -quadSize);
        GL.Vertex3(quadSize, -quadSize, quadSize);
        GL.Vertex3(quadSize, -quadSize, quadSize);
        GL.Vertex3(-quadSize, -quadSize, quadSize);

        GL.Vertex3(-quadSize, quadSize, -quadSize);
        GL.Vertex3(quadSize, quadSize, -quadSize);
        GL.Vertex3(quadSize, quadSize, quadSize);
        GL.Vertex3(-quadSize, quadSize, quadSize);

        GL.End();
    }
}
81192_csdn
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
OpenGL 绘制立方体、茶壶、环面等稍复杂的图形
06-23
1． 基于MFC绘制三维立体小球（太阳、地球、月亮）基本图形； 2． 基于MFC使用OpenGL 绘制立方体、茶壶、环面等稍复杂的图形； 3． 基于MFC使用OpenGL用鼠标控制三维物体；
GL回想
晓清风兮
12-01 1299
学习GL的一些总结 在这个高速发展的社会，很多人都想着掌握各种技能，对内提升自己的内容，自己的价值，对外提升自己的salary,就业机会 学习，它应该是一个学而时习之的过程，是一个提出目标，分析目标，行动，调整，之后达到目标的过程。 目标 回想08～09年，当时的目标是想用GL做毕业设计，实现场景的一个简单3D场景+人物的动画还有简单的物理碰撞处理,物理碰撞部分是通过Lua进行配置。 分析 第一...
GL绘制
july_unity的博客
06-20 820
GL图像库主要用来绘制常见的2d和3d几何图形。使用GL图像库，可在屏幕中绘制2d几何图形，并且该几何图形将永远显示在屏幕当中，不会因为摄像机的移动而改变。值得注意的是，绘制2d图像时，需要使用GL.LoadOrtho()方法来将图形映射在平面中；如果绘制的是3d图形，就无须使用此方法。使用GL图像库时，需要将所有绘制相关的内容写在OnPostRender()方法中。有关GL图像库的脚本需要绑定在...
【webgl】绘制一个三角形
AhCola
06-11 1603
【webgl】绘制一个三角形 文章同时发布于：王鹏飞的个人网站。 作为webgl的第一篇文章，首先我推荐几个学习webgl（opengl）的资源： learnopengl中文官网：https://learnopengl-cn.github.io/, 这个教程是学习opengl最好的地方，因为webgl是基于opengl的，所以我认为这也是学习webgl最好的地方，如果你熟悉C++的话，建议根据这个教程学习。 webgl理论基础：https://webglfundamentals.org/webgl/less
【Unity3D】使用GL绘制线段
little_fat_sheep
12-10 2708
Graphics Library（简称 GL），包含一系列类似 OpenGL 的 Immediate 模式的渲染指令，比 Graphic.DrawMesh() 更高效。GL 是立即执行的，如果在Update() 方法里调用，它们将在相机渲染前执行，相机渲染前会清空屏幕，GL 渲染效果将无法看到。通常 GL 用法是：在相机上挂脚本，并在 OnPostRender() 方法里执行（MonoBehaviour的生命周期）。GL 渲染的图像不需要 GameObject 承载，在 Hierarchy 窗口不会生成对象
OPEN GL绘制正方形
11-14
这个简单的"OPEN GL绘制正方形"程序是理解OpenGL基本概念和绘图流程的良好起点。随着对OpenGL的深入学习，可以探索更多高级特性，如纹理映射、光照、着色器、帧缓冲对象（FBO）等，进一步提升图形渲染的效果和复杂性...
OpenGL绘制简单地图
12-01
使用OpenGL绘制简单的地图 https://blog.csdn.net/ME__WE/article/details/84675155
gl绘制小房子
06-08
使用gl的基本函数进行简单的绘图，代码简单易懂！
GLStudio4.2中文教程
05-31
本教程将指导开发者使用 GL Studio 4.2 创建一个简单的 ADI 仪表，包括创建遮光板、ADI 球形、设置纹理、设置灯光、设置交互等内容。 ADI 仪表简介 ADI 仪表（Attitude Direction Indicator）是飞行器驾驶员了解...
mapbox-gl-js-draw-github-gist：在Mapbox GL JS地图上绘制，生成GeojSON并将其保存到Github Gist
02-04
Mapbox GL Draw有助于在地图上绘制，并生成基础的GeoJSON Github Gist用于保存和共享GeoJSON文档。 Bootstrap 3的布局 和一点点的Jquery （讨厌） 演示版 是否曾经想看过澳大利亚堪培拉的地图？ 当然有我帮你画
GL基础教程
weixin_34044273的博客
03-04 4787
GL基础教程 1.什么是GL GL(Graphics Library)是底层图像库，主要是可以使用程序来绘制2D或者3D图形。绘制出来的2D或者3D图形都是以面的形式渲染。 2D图形与3D图形的区别是2D图形在所有3D物体的上方，不会随摄像机的移动而改变，而3D图形会根据摄像机的移动而移动。绘制2D图形需要用到GL库 中的LoadOrtho方法，该方法的作用是做一个正交投影变换，将图形映射在...
gl 配置教程
Hamphury的博客
08-23 1万+
1、vs安装目录\VC\Tools\MSVC\14.15.26726\include\建立"GL"文件夹。并将glut.h文件放置其中。 2、glew32.lib、glew32s.lib、glut.lib放置在vs安装目录\VC\Tools\MSVC\14.15.26726\lib\x86中。 3、glut.dll和glut32.dll放到C:\Windows\system32 4、(可先步骤)v...
OpenGL 学习笔记(三)
程序猿老樊的博客
05-31 281
通过以上，我们可以看出OpenGL的简单流程，首先调用OpenGL的接口，将Attributes、textturedata、uniform等数据输入到vetexshader等着色器中，如果是attributes数据，顶点着色器会处理它，并把结果流转到下一个primitive assembly中实现光栅化，紧接着配合textturedata通过片元着色器进行处理，最终渲染出结果，可以对照着OpenGL渲染管线图进行参考。以上只是一个窗口，那么如何使用OpenGL绘制呢？图1-1 OpenGL绘制窗口。
EGL， GLX/WGL/AGL 和GL之间的关系
huiyihgy的专栏
07-06 5909
本文简单介绍了EGL， Native API 和 3D API之间的关系
OpenGL | OpenGL 绘制其他图形及线框
该用户还没想到好的昵称的博客
02-05 2507
OpenGL基本单元绘制
opengl绘制线
留恋凡间事
08-15 1810
#include "stdafx.h" #include "GL\glut.h" void RenderScene() { //清楚颜色缓冲区，填充的颜色由glClearColor(0,0,0,1);指定为黑色 glClear(GL_COLOR_BUFFER_BIT); glLineWidth(3);//设置线段的宽度，里面是以像素点为单位，此线线宽为3个像素点     //
GL绘制一个矩形
yuxikuo_1的专栏
10-26 1779
void OnPostRender() { if (!Material) { Debug.LogError("Please Assign a material on the inspector"); return; } GL.PushMatrix(); Mater
第六节 WebGL画球算法
Bruce_wjh的博客
11-27 6140
学习交流欢迎加群：789723098，博主会将一些demo整理共享 很多学习WebGL的小伙伴，刚开始一直都是学怎么画立方体，等到立方体画的炉火纯青的时候，却被另一个东西难住了，那就是球。what,还会被一个球难住？下面就给大家介绍一种画球的算法： 我们的地球现在被划分为很多经线和纬线，如下图所示： 由下面的图，我们来推导一下计算球面上点的坐标： 假设图中圆的半径R=1...
OpenGL学习脚印: 绘制一个三角形
热门推荐
王定桥的专栏
05-04 3万+
写在前面 接着上一节内容，开发环境搭建好后，我们当然想立即编写3D应用程序了。不过我们还需要些耐心，因为OpenGL是一套底层的API，因而我们要掌握的基本知识稍微多一点，在开始绘制3D图形之前，本节我们将通过绘制一个三角形的程序来熟悉现代OpenGL的概念和流程。通过本节可以了解到: 缓存对象VAO和VBO GLSL着色器程序的编译、链接和使用方法 OpenGL绘图的基本流程 绘
JavaScript API GL在vue中编辑与绘制
最新发布
06-13
将JavaScript API GL集成到Vue.js应用程序中的过程与将其集成到任何其他Web应用程序中的过程类似。下面是一个简单的步骤： 1. 在Vue.js应用程序中安装JavaScript API GL。可以使用npm或yarn进行安装。 2. 创建一个Vue.js组件，将JavaScript API GL集成到该组件中。可以将JavaScript API GL的绘图代码包含在Vue.js组件的生命周期挂载方法中。 3. 在Vue.js组件中设置JavaScript API GL的属性和事件处理程序。这些属性和事件处理程序可用于控制绘图和响应用户的交互行为。 以下是代码示例： ``` <template> <div ref="mapContainer" class="map-container"></div> </template> <script> import * as mapboxgl from 'mapbox-gl'; export default { data() { return { map: null } }, mounted() { // 初始化map mapboxgl.accessToken = 'your-access-token'; this.map = new mapboxgl.Map({ container: this.$refs.mapContainer, style: 'mapbox://styles/mapbox/streets-v11', center: [-96, 37.8], zoom: 3 }); } } </script> ``` 这是一个简单的Vue.js组件，用于在Web应用程序中集成JavaScript API GL。组件中包含一个div元素，它将用作地图容器。在组件的mounted生命周期钩子中，可以看到如何初始化地图并将其添加到div元素中。 在组件中，您还可以添加事件处理程序和其他属性来控制地图的行为，以及将地图数据与Vue.js应用程序的其他部分进行交互。 希望这可以帮助您开始在Vue.js应用程序中使用JavaScript API GL。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值