案例03 补充:金字塔等图形边框的绘制

简介: 案例03 补充:金字塔等图形边框的绘制

案例 03:金字塔、六边形、圆环的绘制的文章中,针对边框的绘制,并没有作详细说明,下面将这部分补充完善下。


首先,我们先思考,如果在绘制金字塔时,在没有绘制黑色边框问题的情况下,是什么样的。效果如图所示:

微信图片_20220513150048.png


从图上我们可以看出,金字塔绘制的过程中出现类似ZFighting的问题,主要是OpenGL中没有办法通过相同颜色的图层,来区分图层关系,因此需要给图形绘制黑色边框,以便于区分不同图层。


黑色图层的绘制流程如图所示

微信图片_20220513150236.png


函数中主要包含两部分


  • 图形的绘制 即 金字塔
  • 边框的绘制 即 黑色边框


图形的绘制这里就不过多说明了,主要说说边框绘制的过程


边框绘制


  • 开启多边形偏移、设置偏移量


在同一个位置同时绘制填充和边线,会产生ZFighting问题,而ZFighting问题的解决可以通过多边形偏移,所以需要设置一个偏移量,通常默认是 -1 和 -1

    glPolygonOffset(-1.0f, -1.0f);
    //启用线的深度偏移
    glEnable(GL_POLYGON_OFFSET_LINE);
  • 开启抗锯齿功能:主要是为了让线条更光滑
glEnable(GL_LINE_SMOOTH);


  • 开启颜色混合功能

颜色混合主要适用于边框颜色与填充颜色的混合,但是个人感觉其实这里是没有必要开启颜色混合的,图形上层并没有半透明颜色需要与其他颜色进行混合(在代码中已验证,开启与不开启并没有差别)

glEnable(GL_BLEND);
    glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA);
  • 绘制边框、设置线条宽度
    其实,在整个绘制过程中,图形绘制了两边,第一遍是以颜色和面的方式填充金字塔,第二遍是以颜色和线的方式填充线框


    //绘制线框几何黑色版 三种模式,实心,边框,点,可以作用在正面,背面,或者两面
    //通过调用glPolygonMode将多边形正面或者背面设为线框模式,实现线框渲染
    glPolygonMode(GL_FRONT_AND_BACK, GL_LINE);
    //设置线条宽度
    glLineWidth(2.5f);
    shaderManager.UseStockShader(GLT_SHADER_FLAT, transformPipeline.GetModelViewProjectionMatrix(), vBlack);
    pBatch->Draw();


  • 还原设置属性
    //通过调用glPolygonMode将多边形正面或者背面设为全部填充模式
    glPolygonMode(GL_FRONT_AND_BACK, GL_FILL);
    glDisable(GL_POLYGON_OFFSET_LINE);
    glLineWidth(1.0f);
    glDisable(GL_BLEND);
    glDisable(GL_LINE_SMOOTH);


最终实现的效果如图所示

微信图片_20220513150737.png


相关文章
|
边缘计算 Cloud Native
“论SOA在企业集成架构设计中的应用”必过范文,突击2024软考高项论文
SOA架构,即面向服务的架构,它将系统中的所有功能都拆分为一个个独立的服务单元。这些服务通过相互间的沟通与配合,共同完成了整体业务逻辑的运作。在SOA架构中有几个核心概念:服务提供者、服务使用者、服务注册中心、服务规范、服务合同,这些概念清晰地阐述了服务应如何被提
474 6
“论SOA在企业集成架构设计中的应用”必过范文,突击2024软考高项论文
|
11月前
|
人工智能 容器
三句话开发一个刮刮乐小游戏!暖ta一整个冬天!
本文介绍了如何利用千问开发一款情侣刮刮乐小游戏,通过三步简单指令实现从单个功能到整体框架,再到多端优化的过程,旨在为生活增添乐趣,促进情感交流。在线体验地址已提供,鼓励读者动手尝试,探索编程与AI结合的无限可能。
三句话开发一个刮刮乐小游戏!暖ta一整个冬天!
|
8月前
|
存储 人工智能 运维
企业数字化从何入手?Websoft9 面板的应用商店给出了答案
企业数字化转型面临选软件难、安装复杂、用不起来三大难题。Websoft9应用商店提供简单解决方案,将ERP、AI等工具变成“即点即用”的APP,实现一键安装、统一管理和按需组合,帮助企业以最低成本快速实现业务提速、成本降低和管理简化。访问Websoft9官网,免费试用基础功能,开启数字化之旅。
196 6
|
SQL API 数据库
揭秘Ruby数据库交互的黑科技!ActiveRecord模式:为何它让数据库操作如此“随心所欲”?
【8月更文挑战第31天】在Ruby编程中,与数据库交互至关重要。ActiveRecord作为Ruby on Rails框架的核心组件,凭借其简洁高效的特点,成为处理数据库操作的首选。本文深入探讨ActiveRecord模式,介绍其如何简化数据库交互,并通过示例代码展示具体应用。ActiveRecord是一种ORM框架,将数据库表映射为Ruby类,使开发者能通过操作对象间接管理数据库记录。其核心特性包括模型定义、关联管理、数据验证、事务处理及强大的查询接口。通过示例代码,展示了如何定义模型、创建记录、查询记录及处理关联,突显了ActiveRecord在简化数据库操作方面的优势。
296 0
|
存储 SQL 关系型数据库
16. Mysql 自定义函数
16. Mysql 自定义函数
279 1
|
前端开发 iOS开发
input框设置placeholder属性在iOS中显示不完整
input框设置placeholder属性在iOS中显示不完整
206 1
|
存储
数据结构——双向链表(C语言版)
数据结构——双向链表(C语言版)
97 2
|
机器学习/深度学习 存储 计算机视觉
YOLOv5改进 | 2023 | RCS-OSA替换C2f实现暴力涨点(减少通道的空间对象注意力机制)
YOLOv5改进 | 2023 | RCS-OSA替换C2f实现暴力涨点(减少通道的空间对象注意力机制)
398 0
|
存储 调度 Python
微电网优化调度(风、光、储能、柴油机)(Python代码实现)
微电网优化调度(风、光、储能、柴油机)(Python代码实现)
406 0
【并发技术14】线程同步工具Semaphore的使用
【并发技术14】线程同步工具Semaphore的使用