程序员经验分享-hwhale

OpenGL纹理UV动画

2023-11-18

http://www.codesampler.com/oglsrc.htm

分类： C++ OpenGL 随想&&感想 2013-07-08 15:34  162人阅读  评论(0)  收藏  举报

OpenGL纹理动画，常见做法是将一个视频离散成一系列静态帧图像，逐个图像上传到OpenGL生成纹理资源，保持四边形的位置、纹理坐标数据不变，动态绑定不同纹理从而实现播放视频效果。这种做法通常不是最优的，可以从两个地方改进：
1. 采用glTexSubImage2D函数，保持纹理Id不变情况下，动态替换纹理内容
2. 如果图像很小，可以将一系列图像打包到一张图片中去，通过纹理UV索引不同子图像

本文通过UV坐标直接操作图像实现动画效果。

1. 纹理坐标空间

如下图为Nate　Robin教程中的texture截图：


纹理空间视图，s轴为U坐标，t轴为V坐标。 u=1,v=1切好取到一张完整的图片，u=2, v=2如下图，取了四张完整的图片作为贴图：


OpenGL中有纹理矩阵堆栈，理论上可以通过矩阵操作纹理，但是没有实例。基于上面的尝试，我尝试通过动态修改纹理坐标实现一个精灵动画。

2. 贴图准备


图片是TGA格式的，黑色部分alpha通道值为0。 开启alpha融合以后，黑色部分最终显示为背景色，只有白色箭头可见。

通过控制纹理V坐标实现箭头流动动画。

3. 程序实现

初始化 指定纹理坐标：

  1. struct Vertex  
  2. {  
  3.     float tu, tv;  
  4.     float x, y, z;  
  5. };  
  6.   
  7. int g_vertexCount = 4;  
  8. float g_quadWid = 0.2f;  
  9. float g_quadHgh = 2.0f;  
  10. float g_textureU = 1.0f;  
  11. float g_textureV = 2.0f;  
  12. float g_arrowSpeed = 0.01f;  
  13.   
  14. Vertex g_quadVertices[] =  
  15. {  
  16.     { 0.0f,0.0f, -g_quadWid/2,-g_quadHgh/2, 0.0f },  
  17.     { g_textureU,0.0f,  g_quadWid/2,-g_quadHgh/2, 0.0f },  
  18.     { g_textureU,g_textureV,  g_quadWid/2, g_quadHgh/2, 0.0f },  
  19.     { 0.0f,g_textureV, -g_quadWid/2, g_quadHgh/2, 0.0f }  
  20. };  

在每帧绘制函数中：

1）保持纹理Id不变

2）修改纹理坐标，

3）将位置，纹理数据传给opengl绘制。

  1. for (int i=0; i<g_vertexCount; i++)  
  2. {  
  3.     g_quadVertices[i].tv += g_arrowSpeed;  
  4. }  
  5.   
  6. glBindTexture( GL_TEXTURE_2D, g_textureID );  
  7. glInterleavedArrays( GL_T2F_V3F, 0, g_quadVertices );  
  8. glDrawArrays( GL_QUADS, 0, g_vertexCount );  

4. 效果

gif效果如下：


哦哦，csdn不支持gif播放了。

源码下载：http://download.csdn.net/detail/dizuo/5720151

5. 参考

1. OpenGL经典教程：Nate Robin可视化教程

2. CodeSampler: http://www.codesampler.com/oglsrc.htm


本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

OpenGL

OpenGL纹理UV动画 的相关文章

  • 如何用SDL2和OpenGL画三角形？

    我正在使用 C 中的 SDL2 和 OpenGL 开发一个简单的应用程序 问题是我的程序没有绘制三角形 Rect hpp 绘制三角形的类 ifndef Rect hpp define Rect hpp include

  • 给定焦点和相机主中心，如何创建透视投影矩阵

    我设法使用 OpenCV 获取相机的内在和外在参数 因此我有 fx fy cx 和 cy 我还有屏幕 图像的宽度和高度 但是如何根据这些参数创建 OpenGL 透视投影矩阵呢 glFrustum 展示了如何在给定 Z 近 Z 远以及图像宽度

  • 没有着色器的 OpenGL

    我已经阅读了一些教程来编写以下代码 唯一的区别是原始教程使用 SDL 而不是 GLEW 我不明白这段代码有什么问题 它可以编译 但我没有看到三角形 教程也没有使用着色器 include

  • 如何将 3D 图像输出到 3D 电视？

    我有一台 3D 电视 如果我不至少尝试让它显示我自己创作的漂亮 3D 图像 我就会逃避我的责任 作为一个极客 我之前已经完成了非常基本的 OpenGL 编程 因此我了解所涉及的概念 假设我可以为自己渲染一个简单的四面体或立方体并使其旋转一点

  • 使用 Opengl 绘制立方体 3D

    我想使用 OpenGL 绘制 3D 立方体这是我的代码如何纠正错误 float ver 8 3 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0

  • 纹理openGl。 C++、qt

    我试图用草纹理覆盖我的地形 由高度图制成 但它没有按预期工作 我什至无法在简单的 GL QUAD 上获取纹理 结果是多色网络 void GLWidget initializeGL glEnable GL TEXTURE 2D 在 QGLwi

  • 如何用opengl制作2D地形？

    我想制作一个简单的二维地形 只有一些颠簸和高度变化 我想过只使用随机数来描述某个顶点的高度 但我不知道如何从中制作一个网格 我正在寻找一种方法来查找地形的顶点和索引缓冲区 我该怎么做呢 您可以仅将 GL POLYGON 与所有顶点的列表一起

  • OpenGL z轴指向哪里？

    我正在尝试了解 OpenGL 坐标系 我到处都看到它被描述为右撇子 但这与我的经验不符 我尝试绘制一些形状和 3 d 对象 我发现 z 轴显然指向 屏幕 而 x 指向右侧 y 指向上方 这是左手坐标系的描述 我缺少什么 编辑 例如 http

  • 使用 glDrawElements 时在 OpenGL 核心配置文件中选取三角形

    我正在使用 glDrawElements 绘制三角形网格 并且希望能够使用鼠标单击来拾取 选择三角形 三角形的网格可以很大 在固定功能 OpenGL 中 可以使用 GL SELECT http content gpwiki org inde

  • glEnableVertexAttribArray 中“index”参数的含义以及（可能）OS X OpenGL 实现中的错误

    1 我是否正确理解 要使用顶点数组或VBO进行绘制 我需要所有属性在着色器程序链接之前调用glBindAttribLocation 或者在着色器程序成功链接后调用glGetAttribLocation 然后使用glVertexAttribP

  • OpenGL 着色器不与着色器程序链接

    我正在尝试使用 GLFW GLEW 添加着色器 我收到一个错误 指出着色器已加载 但它们没有有效的对象代码 这是我用于加载着色器的代码 class SHADER public void LoadShaders const char vert

  • OpenGL 中连续暂停

    void keyPress unsigned char key int x int y int i switch key case f i 3 while i x pos 3 sleep 100 glutPostRedisplay 上面是在

  • glBlitFramebuffer 渲染缓冲区和渲染全屏纹理哪个更快？

    哪个更快更高效 使用 OpenGL 纹理作为 CUDA 表面并在四边形上渲染 新样式 使用渲染缓冲区作为 CUDA 表面并使用 glBlitFramebuffer 进行渲染 None

  • 为什么OpenGL使用float而不是double？ [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi

  • 当 OpenGL 中同时绑定 1D 和 2D 纹理时，正确的行为是什么？

    假设你有这样的东西 glBindTexture GL TEXTURE 2D my2dTex glBindTexture GL TEXTURE 1D my1dTex glBegin 正确的 OpenGL 行为是什么 要绘制一维纹理 二维纹理还

  • 在 GLUT 中使用鼠标滚轮

    我想在 OpenGL GLUT 程序中使用鼠标滚轮来放大和缩小场景 我怎么做 Freeglut 的 glutMouseWheelFunc 回调与版本相关 并且在 X 中不可靠 使用标准鼠标功能并测试按钮 3 和 4 OpenGlut 对 g

  • 将带有 glut 的点击坐标添加到向量链接列表中

    我想创建一个向量链接列表 并在 GLUT 库的帮助下获取点击的位置并将它们附加到链接列表中 这些是我写的结构 typedef struct vector int x int y Vector typedef struct VectorLis

  • GLSL NVidia 方形神器

    当 GLSL 着色器在以下 GPU 上生成不正确的图像时 我遇到了问题 GT 430 GT 770 GTX 570显卡760 但在这些上正常工作 英特尔高清显卡 2500英特尔高清4000英特尔4400显卡740MRadeon HD 631

  • 更改 Qt OpenGL 窗口示例以使用 OpenGL 3.3

    我正在尝试更改 Qt OpenGL 示例以使用更现代的 opengl 版本 330 似乎合适 所以我做了 在 main cpp 上设置版本和配置文件 设置着色器版本 更改着色器以使用统一 它现在构建没有任何错误 但我只看到一个空白窗口 我错

  • Visual Studio 2010 中的 SOIL 设置

    我无法得到SOIL http www lonesock net soil html正确使用 Visual Studio 2010 我远非 VS 专家 但据我所知 只需执行以下步骤即可使环境正常运行 属性 gt gt C C gt 常规 gt

随机推荐

  • maven项目debug查看依赖包源代码办法

    默认的maven工程 好像很难加载依赖的源代码 办法如下 maven调试时 无法进入源码 办法一 在debug配置里面 找到source 把带source的jar包 放进去 添加的时候 选add 再选external archive 这里要

  • jQuery——前端技术栈

    1 jQuery说明 jQuery 是一个 JavaScript 函数库 是一个轻量级的 写的少 做的多 的 JavaScript 库 jQuery 库包含以下功能 HTML 元素选取 HTML 元素操作 CSS 操作 HTML 事件函数

  • gin框架07--PureJSON

    gin框架07 PureJSON 介绍 案例 说明 介绍 通常 JSON 使用 unicode 替换特殊 HTML 字符 例如 lt 变为 u003c 如果要按字面对这些字符进行编码 则可以使用 PureJSON Go 1 6 及更低版本无

  • DataFrame入门丨Pandas数据分析基础(4)

    个人主页 互联网阿星 格言 选择有时候会大于努力 但你不努力就没得选 作者简介 大家好我是互联网阿星 和我一起合理使用Python 努力做时间的主人 如果觉得博主的文章还不错的话 请点赞 收藏 留言 支持一下博主哦 行业资料 PPT模板 简

  • Qt 6.x中Qt Quick简介及示例

    Qt Quick首次在Qt 4 7和Qt Creator 2 1中引入 是一种高级UI技术 Qt Quick模块是用于编写QML Qt Meta Object Language Qt元对象语言 应用程序的标准库 Qt QML模块提供了QML

  • Linux获取本机的IP的几种方式

    共计五条命令 使用的方式都不同 但原理相同充分利用LInux管道技术 root vagrant centos65 ifconfig eth0 grep Bcast cut d f2 cut d f1 192 168 191 2 root v

  • 西门子PLC的编程工具是什么？

    西门子PLC编程工具主要有下面这几个 1 STEP 7 Simatic Manager STEP 7或者Simatic Manager是西门子PLC编程最常用的软件开发环境 它是一款强大的集成开发环境 可以用来编写 调试PLC编程代码 还可

  • 《基础篇第4章：vue2基础》：使用vue脚手架创建项目

    文章目录 4 1初始化脚手架 4 1 1说明 4 1 2具体步骤 4 1 3模板项目的结构 4 1 4 创建第一个vue项目分析index html组成部分 4 1 5render函数 4 1 6修改默认配置 本人其他相关文章链接 4 1初

  • ubuntu wget ERROR 403: Forbidden 错误

    解决办法 临时变更wget的UA wget U 浏览器的useragent 下载地址 永久变更Wget 未测试 修改配置文件 etc wgetrc 添加下面这一行 header User Agent 浏览器的useragent 上面这个配置

  • 【vue】vue history和hash用法和区别

    vue中模式选择 router gt index js const router new VueRouter mode history base process env BASE URL routes hash和history区别 1 ha

  • 彷徨

    1 什么是hbase HBASE是一个高可靠性 高性能 面向列 可伸缩的分布式存储系统 利用HBASE技术可在廉价PC Server上搭建起大规模结构化存储集群 HBASE的目标是存储并处理大型的数据 更具体来说是仅需使用普通的硬件配置 就

  • 相传韩信才智过人，从不直接清点自己军队的人数，只要让士兵先后以三人一排、五人一排、七人一排地变换队形，而他每次只掠一眼队伍的排尾就知道总人数了。

    题目描述 相传韩信才智过人 从不直接清点自己军队的人数 只要让士兵先后以三人一排 五人一排 七人一排地变换队形 而他每次只掠一眼队伍的排尾就知道总人数了 输入3个非负整数a b c 表示每种队形排尾的人数 a lt 3 b lt 5 c l

  • 贝叶斯优化优化参数，以Kmeans为例

    文章目录 步骤一 构造黑盒目标函数 步骤二 确定取值空间 步骤三 构造贝叶斯优化器 全部代码 贝叶斯优化有几个步骤 构造黑盒目标函数 确定取值空间 构造贝叶斯优化器 下面以kmeans为例 步骤一 构造黑盒目标函数 这个函数主要是运行需要的

  • Git笔记

    一 安装Git Win10 直接到Git官网下载安装程序 按照默认选项安装即可 安装完成后 在开始菜单里找到Git gt Git Bash 打开弹出类似命令行的窗口 则说明Git安装成功 安装完成后还需要对Git进一步设置 在命令行输入 g

  • ubuntu18.04 git clone:Failed to connect to github.com port 443: Connection refused

    git clone问题记录 一 Failed to connect to github com port 443 Connection refused 1 问题 2 解决方法 3 参考博文 二 gnutls handshake failed

  • Golang并发安全和锁

    目录 场景 互斥锁 读写互斥锁 互斥锁 读写锁 Sync Once sync Map 定时器 场景 有时候在Go代码中可能会存在多个goroutine同时操作一个资源 临界区 这种情况会发生竞态问题 数据竞态 类比现实生活中的例子有十字路口

  • Go学习笔记 : cobra 包简介

    cobra 是 go 语言的一个库 可以用于编写命令行工具 通常我们可以看到git pull docker container start apt install 等等这样命令 都可以很容易用corba来实现 另外 go 语言是很容易编译成

  • c++ 写一个头文件声明类方法，然后用一个cpp来定义类方法，最后再写一个main.cpp来调用类方法，出现找不到函数问题

    问题场景 在做 剑指offer 的面试题7 用两个栈实现一个队列 作者给出的代码只有两个文件 一个头文件和一个cpp源文件 然而从程序设计的角度来看 应当将头文件中的声明留在头文件中 函数的实现应当写在cpp源文件中 写完代码后 运行然而出

  • 淘特app x-sign参数签名分析

    之前看见大佬说淘特app的风控比tb的要小很多 于是学习了下t特的签名分析 一 抓包分析 通过Charles抓包分析 分析请求参数 headers x sgext JAWowlF3DRjHdjoiU 2Flc38K43prxmuGa9Jv3

  • OpenGL纹理UV动画

    http www codesampler com oglsrc htm OpenGL纹理UV动画 分类 C OpenGL 随想 感想 2013 07 08 15 34 162人阅读 评论 0 收藏 举报 opengl 动画 UV动画 Ope

热门标签