【cocos shader 002】开发如何使用GLProgram shader编程

最新推荐文章于 2021-03-11 23:36:17 发布
最新推荐文章于 2021-03-11 23:36:17 发布
阅读量1.3k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： cocos - shader 图形编程 cocos2dx开发 文章标签： cocos2d shader opengl GLPrograme GLProgrameState
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zhang1461376499/article/details/105953387
本文通过Cocos2d-x介绍了如何使用GLProgram进行shader编程，以实现图片变灰的特效。提供了两种方式：一是通过外部的顶点和片段着色器文件；二是直接在代码中定义顶点和片段着色器。文章还展示了具体的代码实现，并鼓励读者尝试和学习。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

  1. 先看效果
  2. 废话不多说，直接上代码，本篇做一个图片变灰的特效，打开cocos2dx-lua的helloWorld工程，在MainScene的onCreate函数里添加如下代码

--新建一张默认的图片

    local img = display.newSprite("HelloWorld.png")
        :move(display.center)
        :addTo(self)

--下面将采用两种方式执行shader程序，读者二选一

 

方式一：顶点和片段着色器写在单独的文件里

shader文件下载地址:

了解本专栏 订阅专栏 解锁全文 超级会员免费看
【cocos shader 008】 摇晃摆动的小草 特效
刀客
12-11 2167
local frag = [[ #ifdef GL_ES precision mediump float; #endif varying vec2 v_texCoord; .
【cocos shader 009】 受伤受击场景闪红特效
刀客
12-30 2162
原理: 添加一个渲染纹理(RenderTexture)到场景的最上层 将当前屏幕画面渲染到此纹理 对RenderTexture对象的Sprite成员做正弦变换切换颜色 废话不说直接上代码: 看效果: function MainScene:onCreate() local frag = [[ #ifdef GL_ES precision mediump float; #endif .
基于cocos2dx 2.x做的一些shader效果Demo
06-01
原文地址：http://blog.csdn.net/teng_ontheway/article/details/39190919
cocos2d-x游戏开发(十四)用shader使图片背景透明
weixin_30571465的博客
04-12 145
好吧，终于抽时间写这篇文章了。 手头上有很多人物行走图，技能特效图等，但这些图都有个纯黑色背景，怎么样将内容显示出来，让背景透明呢？前段时间搞了一下，感谢群里的童鞋们，提供了思路和方法。 这里用shader处理了像素，使黑色背景透明，直接上代码 ShaderSprite.h #ifndef __TestShader__ShaderSprite__ #define __TestSha...
Cocos Shader编程入门基础一：前言
15 年专注游戏引擎与游戏开发，分享实用方案、经验与干货教程！
10-06 1671
看过麒麟子Cocos Creator 3D编程相关文章的朋友应该都知道，麒麟子特别喜欢推荐大家看《OpenGL编程指南》和《3D数学基础：图形与游戏开发》这两本书。并把这两本书放到了Cocos Creator 3D研究院QQ群共享，作为入群必读资料。 麒麟子一直认为，想要玩转3D引擎的话，光是会用API是不行的，必须掌握必要的计算机图形学基础和3D数学基础。 但随着Cocos Creator 3D版本的逐步完善，使用3D版本的C友们也越来越多。一些细节问题逐渐浮现出来。下面是一些C友给麒麟子的私信留言。
cocos shader glPrograme 和 ProgrameState
qq_29094161的博客
06-20 376
GLPrograme 是可以复用的 N个Node可以使用同一个GLPrograme 但是如果Programe内拥有uniform变量时 每个特定的变量对应一个ProgrameState /** GLProgramState holds the 'state' (uniforms and attributes) of the GLProgram.A GLProgram can be us...
cocos2d-x 3.x的GLProgramState剖析
rrobin的专栏
07-21 5477
最近在lua里给ccs的armature添加滤镜,发现c
cocos2dx 3.17.2 c++ 为img 创建 shader
05-31
在Cocos2d-x游戏开发框架中，...同时，Shader编程也是一项高级技能，需要对图形学原理有深入理解，以及对OpenGL ES的熟悉。通过不断实践和学习，开发者可以构建更复杂、更高效的Shader系统，为游戏带来更多的可能性。
MFC cocos2d ScrollPageView Shader
08-23
在Cocos2d-x中，我们可以通过`cc::GLProgram`和`cc::GLProgramState`类来编写和管理Shader。Shader语言通常使用GLSL（OpenGL Shading Language），它允许我们在GPU上直接处理像素和顶点，从而提高渲染效率。例如，...
cocos 怎么使用shader
07-15
Cocos引擎使用Shader可以实现各种特效和图形处理。下面是一个简单的使用Shader的步骤： 1. 创建自定义Shader文件：在Cocos项目中创建一个.glsl文件，命名为你喜欢的名称，比如"CustomShader.frag"。 2. 编写Shader...
Quick Cocos Lua+shader实现的搓牌效果
10-17
文件是用Quick Cocos Lua 加上shader实现的搓牌效果文件,内有使用方法 需要使用plist文件(plist的大小最好保证不要使用8192x8192及以上大小的尺寸,ios加载尺寸有限制,同时保证plist文件中图片的排版为同一方向,因为代码的实现是根据plist文件中的size去绘制的)
Cocos2D-X shader(三) Shader and Program编程基本概念
operhero1990的专栏
12-12 3138
一、本文关注的问题： • Shader and program 对象介绍 • 创建并编译一个Shader对象 • 创建并链接一个Program对象 • 获取并设置uniforms • 获取并设置attributes       在OpenGL ES中，每个program对象有且仅有一个Vertex Shader对象和一个Fragment Shader对象连接到它。
cocos2dx_Shader简单实例入门
qq_31480839的博客
11-12 892
Shader是图形学方面的知识，不太好入门，下文用一个比较简单的例子来体验下shader。 先看创建的代码 ShaderSprite.hpp #include "CCSprite.h" class ShaderSprite : public cocos2d::Sprite { public: void initWithShader(const char* vertexShader, con...
CCGLProgram简单配置及应用(cocos2dx-lua-v2.2.5)
Katichar
04-30 2333
在cocos2d-x中有两个类CCGLProgram和CCShaderCache.CCGLProgram类来处理着色器相关操作，对当前绘图程序进行了封装.CCShaderCache通过CCGLProgram来完成对shaders的缓存和管理.这两个类的功能在项目中经常用到，比如实现图象由正常颜色变成灰色（好处是减少资源图），还有在刀塔传奇中用使人物冰封，石化等效果都是用shader. 这里对于这
在cocos2d中添加自己的shader教程
weixin_30379911的博客
11-18 134
mark下：转载：http://www.cocoachina.com/bbs/read.php?tid=220630 1.cocos2d的shader都是共用的， 存放在 GLProgramCache 中。 当setGLProgram（） 的时候是从GLProgramStateCache 中寻找是否有这个shader的State， 有就返回，这个也是共用的，任意一个GLPro...
cocos2dx Shader的使用
afei198409的专栏
01-27 1273
资料来自网络收集 着色器 着色器(shader)应用于计算机图形学领域,指一组供计算机图形资源在执行渲染任务时使用的指令.程序员将着色器应用于图形处理(GPU)的可编程流水线,来实现三维应用程序.这样的图形处理器有别于传统的固定流水线处理器,为GPU编程带来更高的灵活性和适应性. opengl es的着色器有.vsh和.fsh两个文件.这两文件在被编译和链接后就可以产生可执行程序与GPU交互
Cocos2d-x Program笔记
blpnh的博客
02-25 2520
Cocos2d-x与program相关的类有： GLProgram：包含Shader Compile，Uniform Cache，Attrib CacheGLProgramState：每一个GLProgram对象都有一个与之对应的GLProgramState用于Cache所有的State，包括：Uniform和Attrib 。当前版本没有完善此类，因此所有的Cache都还在GLProgr
cocos-shader---2.源码解析
WADE
08-12 661
一、shader相关源码 cocos2d-x 与 shader 相关的代码在 renderer 目录下 |-cocos |-renderer |-CCGLProgram.h |-CCGLProgram.cpp |-CCGLProgramCache.h |-CCGLProgramCache.cpp |-C...
cocos2dx的shader的工作流程
jeepxbf的博客
03-11 605
本篇文章旨在记录cocos2dx中的shader文件是如何组织和编译的，理清脉络后，更容易对shader进行扩展和自定义。 shader使用的文件包括GLProgram 、GLProgramState、GLProgramCache、GLProgramStateCache GLProgramCache文件中的reloadDefaultGLPrograms()函数会编译所有的cocos内置的shader cocos的shader文件定义在cocos/renderer下面，是用const char定义的全局变量，
Cocos Shader灯光烘焙与遮罩技术分享
在描述中提到"Cocos shader制作灯光烘焙效果"，这涉及到使用Cocos引擎来制作特定的图形效果。Cocos是一个流行的开源游戏开发框架，它支持2D和3D游戏开发。使用Cocos引擎，开发者可以创建各种游戏中的视觉效果，其中...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

呦呦鹿鸣.

你的打赏是给予我最大的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值