案例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月前
|
数据可视化 数据挖掘 数据处理
R绘图 | 浅谈散点图及其变体的作图逻辑
R绘图 | 浅谈散点图及其变体的作图逻辑
96 0
|
8月前
|
数据可视化
绘制热图时看不出颜色差异?四种方式转换处理使结果显而“易”见
绘制热图时看不出颜色差异?四种方式转换处理使结果显而“易”见
18185 2
|
11月前
|
机器学习/深度学习 算法 数据可视化
R绘图案例|基于分面的面积图绘制
R绘图案例|基于分面的面积图绘制
10830 0
|
11月前
|
数据可视化 数据挖掘
常用 7 大类型图形可视化——组成成分图形
常用 7 大类型图形可视化——组成成分图形
91 0
|
数据可视化
【视觉基础篇】15 # 如何用极坐标系绘制有趣图案?
【视觉基础篇】15 # 如何用极坐标系绘制有趣图案?
118 0
【视觉基础篇】15 # 如何用极坐标系绘制有趣图案?
|
缓存 JavaScript 前端开发
【图形基础篇】04 # GPU与渲染管线:如何用WebGL绘制最简单的几何图形?
【图形基础篇】04 # GPU与渲染管线:如何用WebGL绘制最简单的几何图形?
267 0
【图形基础篇】04 # GPU与渲染管线:如何用WebGL绘制最简单的几何图形?
|
XML 前端开发 数据可视化
【图形基础篇】03 # 声明式图形系统:如何用SVG图形元素绘制可视化图表?
【图形基础篇】03 # 声明式图形系统:如何用SVG图形元素绘制可视化图表?
102 0
【图形基础篇】03 # 声明式图形系统:如何用SVG图形元素绘制可视化图表?
|
机器学习/深度学习 算法 图形学
【计算机图形学】实验一:二维图形绘制
【计算机图形学】实验一:二维图形绘制
169 0
【计算机图形学】实验一:二维图形绘制
|
前端开发
Delphi绘图功能[1] —— 入门(绘制直线和矩形)
Delphi绘图功能[1] —— 入门(绘制直线和矩形)
347 0
Delphi绘图功能[1] —— 入门(绘制直线和矩形)