cocos2dx 离屏渲染
今天才发现 cocos2dx 有一个类叫做 CCRenderTexture,封装了 opengl render to texture 的 细节。 这个类的是采用 FBO ,把图像渲染到 自己新建的 frame buffer 来实现的。 如果写一个 shader ,比如让图像变成灰色,如果只给一个 CCSprite setShaderProgram()
今天才发现 cocos2dx 有一个类叫做 CCRenderTexture,封装了 opengl render to texture 的 细节。
这个类的是采用 FBO ,把图像渲染到 自己新建的 frame buffer 来实现的。
如果写一个 shader ,比如让图像变成灰色,如果只给一个 CCSprite setShaderProgram()的话,只能让单独的 Sprite 变成灰色,
但是如果想让整个游戏场景变成灰色,或者让其中一部分变成灰色,就需要使用 FBO 离屏渲染技术,把一些渲染的内容放到一个 FBO上,
然后绘制完成后,再放回到 最终的 frame buffer 中。
cocos2dx 封装了这些操作,具体用法是
1.实例化一个 CCRenderTexture* m_pRtt;
2.初始化时候,设置它的大小 m_pRtt = CCRenderTexture::create( width,height );
3.在 m_pRtt->begin() 和 m_pRtt->end() 之间,执行 opengl 绘制指令。
比如在当前场景的 update() 中,这样写:
m_pRtt->begin();
this->visit();
m_pRtt->end();
这样整个场景就绘制到了 m_pRtt 这个 RenderTexture 中
4. 如果需要给整个场景设置 shader ,则调用
m_pRtt->getSprite() ,给这个 Sprite setShaderProgram()即可。
这样,就可以实现 全屏高斯模糊 ,全屏变灰等 shader 的效果, 也可以用它实现屏幕截屏,保留上一帧图像等功能。
今天参考了这篇文章,才了解到 CCRenderTexture 的用法的
http://www.cocoachina.com/bbs/read.php?tid=237495
自己欠缺的是对 opengl FBO 真正的理解, 和对 shader 算法知识匮乏。
如果知识应用的话,利用这个方法,就可以在 cocos2dx 中写出一些漂亮的效果了。
按照自己上面说的做法,在 cocos2dx 3.0里面, 一旦给 render texture 增加自己写的 shader 后 ,出现了绘制不出来的情况。
暂时还不知道问题出在哪,初步感觉是自己写的 fragment shader 是存在错误的。。。但是还没查明错在哪里。
还是应该多去学习 opengl 底层知识才能解决这种 bug.

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

AI Hentai Generator
免费生成ai无尽的。

热门文章

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

热门话题

1、首先在酷家乐中打开要渲染的设计方案。2、然后在渲染菜单下打开俯视图渲染。3、接着在俯视图渲染界面中点击参数设置中的正交。4、最后调整好模型角度即可点击立即渲染,渲染正交俯视图。

vue页面渲染是异步的。vue采用的是异步渲染,这样可以提升性能;如果不采用异步更新,在每次更新数据都会对当前组件进行重新渲染,为了性能考虑,Vue会在本轮数据更新后,再去异步更新视图。

Vue报错:无法正确使用v-html渲染动态HTML代码,怎样解决?引言:在Vue开发中,我们常常需要动态渲染HTML代码,以展示富文本内容或动态生成的用户输入。Vue提供了v-html指令来实现这个功能。然而,有时候我们可能会遇到无法正确使用v-html渲染动态HTML代码的问题。本文将探讨这个问题的原因,并提供解决方案。问题描述:在Vue中,当我们使用v

Vue报错:无法正确使用v-html渲染HTML代码,怎样解决?Vue是一款流行的JavaScript框架,可以帮助我们构建交互式的用户界面。在Vue中,我们可以使用v-html指令将HTML代码渲染到模板中。然而,有时我们可能会遇到一个问题:无法正确使用v-html渲染HTML代码。本文将介绍一些常见原因和解决方法,帮助您解决这个问题。第一种可能的原因是未

在Vue3中,v-for被视为渲染列表数据的最佳方式。v-for是Vue中的一个指令,它允许开发者遍历一个数组或对象,并为每个项生成一段HTML代码。v-for指令是开发者们可以使用的最强大的模板指令之一。在Vue3中,v-for指令得到了进一步的优化,使用更加简单,更加灵活。Vue3中的v-for指令最大的变化是元素的绑定。在Vue2中,使用v-for指令

Redis是一种高性能的键值数据库,通过其快速的数据存储和访问能力,它在服务注册与发现的过程中得到广泛应用。服务注册与发现是一个在分布式系统中十分重要的过程。当我们在一个机器上运行多个服务时,我们需要一个方法来让客户端发现这些服务以及如何与它们交互。在一个完整的分布式系统中,可能运行着数十个服务,而手动配置已经变得不可行。这时,我们就需要使用服务注册与发现。

如何利用Vue实现图片的分级和渲染处理?概述在现代web应用的开发中,图片的处理是一个非常常见的需求。而利用Vue.js,一个流行的JavaScript框架,实现图片的分级和渲染处理变得非常简单和高效。本文将展示如何通过Vue.js来实现图片的分级和渲染处理,并附带代码示例。步骤一:创建Vue实例首先,我们需要创建一个Vue实例来管理图片的数据和逻辑。在HT

重绘和回流对渲染阶段的影响:谁更重要?当网页进行渲染时,浏览器会按照一定的顺序执行一系列操作,以显示页面内容。其中,重绘和回流是渲染过程中的两个重要步骤。本文将探讨重绘和回流对渲染阶段的影响,并分析它们的重要性。重绘和回流的含义和区别在了解重绘和回流对渲染的影响之前,我们先来了解一下它们的含义和区别。重绘(Repaint)是指当元素的样式发生变化,但并未影响
