案例04:几何图形绘制

简介: 几何图形绘制

其实大部分的代码在之前的案例中都已经写过了,这个案例的主要目的是了解OpenGL中系统定义好的模型有哪些。


最终的实现效果如下:

微信图片_20220513232947.png

整体的流程图如下所示

微信图片_20220513233111.png


根据上面的流程图,大致说下函数的功能


  • main函数:


  • 初始化GL相关库
  • 注册自定义函数
  • 初始化数据


  • ChangeSize函数:


  • 设置视口
  • 设置投影方式得到投影矩阵,并载入投影矩阵堆栈
  • 设置变换管道,管理矩阵堆栈


  • setupRC函数


  • 初始化:背景色,固定着色器
  • 开启深度测试
  • 设置观察方式
  • 利用三角形批次类创建球、环、圆柱、锥、磁盘


  • RenderScene函数


  • 清除缓冲区
  • 矩阵堆栈push
  • 绘制图形 - DrawWireFrameBatch函数
  • 矩阵堆栈pop
  • 交换缓冲区


  • DrawWireFrameBatch函数


  • 利用固定着色器和三角形批次类绘制图形
  • 绘制图形边框:可以参考这篇案例03 补充:金字塔等图形边框的绘制,需要开启多边形偏移,混合功能等
  • 绘制完成,恢复设置:关闭多边形偏移、混合功能等


  • SpecialKeys函数:主要是根据特殊键位的切换,旋转物体


  • KeyPressFunc函数:通过空格键切换不同图形的渲染


OpenGL中自带的模型


  • 球 - gltMakeSphere
  • 一般iStacks是iSlices的两倍 即iSlices * 2 = iStacks
  • 绘制球体都是围绕z轴,+z就是球体的顶点,-z就是球体的底部


//参数1:sphereBatch,三角形批次类对象
//参数2:fRadius,球体半径
//参数3:iSlices,从球体底部堆叠到顶部的三角形带的数量;其实球体是一圈一圈三角形带组成
//参数4:iStacks,围绕球体一圈排列的三角形对数
gltMakeSphere(GLTriangleBatch& sphereBatch, GLfloat fRadius, GLint iSlices, GLint iStacks);
  • 环 - gltMakeTorus
//参数1:torusBatch,三角形批次类对象
//参数2:majorRadius,甜甜圈中心到外边缘的半径
//参数3:minorRadius,甜甜圈中心到内边缘的半径
//参数4:numMajor,沿着主半径的三角形数量
//参数5:numMinor,沿着内部较小半径的三角形数量
gltMakeTorus(GLTriangleBatch& torusBatch, GLfloat majorRadius, GLfloat minorRadius, GLint numMajor, GLint numMinor);


圆柱/圆锥 - gltMakeCylinder


  • 设置baseRadiustopRadius 相等,即效果图中圆柱效果,即得到规则的圆柱,


  • 设置baseRadiustopRadius不相等,且不为0,得到的有点类似于一个喇叭


微信图片_20220513233640.png

  • 仅设置其中一个,另一个为0,即可得到一个圆锥,即效果图中的圆锥效果
//参数1:cylinderBatch,三角形批次类对象
//参数2:baseRadius,底部半径
//参数3:topRadius,头部半径
//参数4:fLength,圆形长度
//参数5:numSlices,围绕Z轴的三角形对的数量
//参数6:numStacks,圆柱底部堆叠到顶部圆环的三角形数量
void gltMakeCylinder(GLTriangleBatch& cylinderBatch, GLfloat baseRadius, GLfloat topRadius, GLfloat fLength, GLint numSlices, GLint numStacks);
  • 磁盘 - gltMakeDisk
//参数1:diskBatch,三角形批次类对象
//参数2:innerRadius,内圆半径
//参数3:outerRadius,外圆半径
//参数4:nSlices,圆盘围绕Z轴的三角形对的数量
//参数5:nStacks,圆盘外网到内围的三角形数量
void gltMakeDisk(GLTriangleBatch& diskBatch, GLfloat innerRadius, GLfloat outerRadius, GLint nSlices, GLint nStacks);

完整的Demo实现见github - 05_OpenGL_02_几何图形绘制


相关文章
|
6月前
|
算法 图形学
【计算机图形学】实验四 二维图形的缩放、旋转,平移,组合变换
【计算机图形学】实验四 二维图形的缩放、旋转,平移,组合变换
176 2
|
数据可视化
【视觉基础篇】15 # 如何用极坐标系绘制有趣图案?
【视觉基础篇】15 # 如何用极坐标系绘制有趣图案?
168 0
【视觉基础篇】15 # 如何用极坐标系绘制有趣图案?
|
机器学习/深度学习 算法 图形学
【计算机图形学】实验一:二维图形绘制
【计算机图形学】实验一:二维图形绘制
239 0
【计算机图形学】实验一:二维图形绘制
|
缓存 JavaScript 前端开发
【图形基础篇】04 # GPU与渲染管线:如何用WebGL绘制最简单的几何图形?
【图形基础篇】04 # GPU与渲染管线:如何用WebGL绘制最简单的几何图形?
375 0
【图形基础篇】04 # GPU与渲染管线:如何用WebGL绘制最简单的几何图形?
|
算法 图形学
【计算机图形学】实验三:二维图形变换
【计算机图形学】实验三:二维图形变换
251 0
【计算机图形学】实验三:二维图形变换
基于C#的ArcEngine二次开发41:投影坐标系与地理坐标系接口、方法及示例代码(二)
基于C#的ArcEngine二次开发41:投影坐标系与地理坐标系接口、方法及示例代码
基于C#的ArcEngine二次开发41:投影坐标系与地理坐标系接口、方法及示例代码(二)
|
数据处理 C#
基于C#的ArcEngine二次开发41:投影坐标系与地理坐标系接口、方法及示例代码(一)
基于C#的ArcEngine二次开发41:投影坐标系与地理坐标系接口、方法及示例代码
基于C#的ArcEngine二次开发41:投影坐标系与地理坐标系接口、方法及示例代码(一)
基于C#的ArcEngine二次开发41:投影坐标系与地理坐标系接口、方法及示例代码(三)
基于C#的ArcEngine二次开发41:投影坐标系与地理坐标系接口、方法及示例代码
基于C#的ArcEngine二次开发41:投影坐标系与地理坐标系接口、方法及示例代码(三)
从0开发游戏引擎之三维几何体数据类
Shape类只是单纯的形状数据,并不能用具真正的绘制,真正的绘制工作是Gizmo类去做的。该类只是作为Gizmo的一个成员去使用的。Shape的函数只是提供了加工数据的,然后把加工后的数据存下来。不多哔哔了,直接贴代码。原理有空了再详细写。
|
容器
【D3.js 学习总结】24、D3几何 - 多边形 
# d3.geom.polygon ![](https://img.alicdn.com/tps/TB1dXPjLXXXXXXBXVXXXXXXXXXX-500-506.png) polygon函数有3个用途: * polygon.area() 用来计算多边形面积; * polygon.centroid() 用来计算多边形中心坐标; * polygon.clip(subject)
2866 0