cocos2dx shader分析之CCGLProgram

最新推荐文章于 2022-01-13 00:16:53 发布

逃亡的山猫

最新推荐文章于 2022-01-13 00:16:53 发布

阅读量674

点赞数

分类专栏：计算机图形学

本文链接：https://blog.csdn.net/quantao0308/article/details/53738394

版权

计算机图形学专栏收录该内容

5 篇文章 1 订阅

订阅专栏

CCGLProgram 就是对OpenGL的shader program封装

初始化

有两种初始化方式，通过文件内容和文件名，以顶点shader为例
- initWithVetextShaderByteArray
- initWithVetextShaderFileName

通过两个shader文件来初始化program
主要分为两个步骤：

编译（ciompile）
绑定(attach)

`description`

输出当前的当前program以及两个shader的句柄

`compileShader`

编译shader

ANDROID&IOS:
- 顶点shader(precision highp float)
- 像素shader(precision mediump float)

默认都加上

"uniform mat4 CC_PMatrix;\n"
"uniform mat4 CC_MVMatrix;\n"
"uniform mat4 CC_MVPMatrix;\n"
"uniform vec4 CC_Time;\n"
"uniform vec4 CC_SinTime;\n"
"uniform vec4 CC_CosTime;\n"
"uniform vec4 CC_Random01;\n"

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

逃亡的山猫

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

【cocos2d-x 源码解析】shader 实现

xingxinmanong的博客

10-13

1875

cocos2d-x 通过 GLProgram，GLProgramCache，GLProgramState 和 GLProgramStateCache 这几个类来管理着色器程序。GLProgram 完成顶点着色器 vertex shader 和片段着色器 fragment shader 的创建、编译、附加和链接，最后生成一个着色器程序 program；GLPorgramState 是对 GLProgram 的再次封装

cocos2d-x 2.x CCScale9Sprite shader渲染变灰方法

u010868349的博客

01-29

1061

之前在项目中添加了shader渲染sprite变灰，其过程中发现只有sprite类型的对象能变灰，九妹图使用变灰就无效果了。按钮中使用的图就是九妹图创建的，所以决定研究一下。如果找到变灰方法按钮不可用时灰的状态就可以不用两个图片资源了，能省不少资源。其学习过程中参考了其它博友的文章，首先感谢他们给我的思路。 CCScale9sprite变灰基本无教程说明，所以在此将学到的写出来帮助不会的人，

参与评论您还未登录，请先登录后发表或查看评论

cocos2d-x uv动画源代码

01-10

http://blog.csdn.net/liangneo/article/details/42582947 uv动画是指通过在程序运行时动态改变纹理坐标，实现动态效果的纹理动画，使用uv动画可以实现水流动，火焰燃烧等效果。

Cocos2dx源码记录(1) CCGLProgram

weixin_34410662的博客

01-19

257

前言: 这个系列是我自己在看cocos2dx源码时记录的一些比较重要的数据结构跟方法中间可能穿插些opengl的知识. 每个介绍的类之间没有固定引用顺序,仅作为个人的记录,可能会有点乱(其实主要是为了怕记不住,这次看源码的目的是搞清楚 cocos的MVPMatrix的使用) #1 CCGLProgram CCGLProgram 是管理opengl 管线中 GLProgram 和其相关的着色...

【cocos2d-x 2.x 学习与应用总结】11: 理解CCGLProgram

Small Flows

01-20

3916

本文介绍了cocos2d-x中CCGLProgram这个类, 这篇文章假设读者已经了解OpenGL ES程序的基本渲染流程：顶点和片段着色器的源代码的编写、着色器的创建、program的创建、源代码绑定、编译、链接、OpenGL客户端-服务端传值等。CCGLProgram这个类正是对OpenGL ES渲染流程中涉及到着色器的编译、链接、传值等部分的抽象。本文先总起介绍CCGLProgram所做的工作，然后分析其源

cocos2d-x 着色器源码GLProgram和GLProgramState

qq_24726043的博客

01-13

2368

上一篇cocos2d-x OpenGL着色器中介绍了在OpenGL中使用着色器。GLProgram对着色器程序Program的封装，包含着色器的加载，编译和链接，以及Uniform和Attribute的绑定和赋值相关对着色器状态进行的封装，它提供了对于Unifrom和Attribute属性数据的设置相关GLProgram在全局中仅有一个实例，而会创建多个。每个UI元素对应着一个GLProgramState的实例。其继承结构为：fill:#333;color:#333;color:#333;

用cocos2d-x 实现UV动画--实现篇

liangneo的专栏

01-10

1万+

用cocos2d-x 实现UV动画--实现篇 UVSprite uv动画是指通过在程序运行时动态改变纹理坐标，实现动态效果的纹理动画，使用uv动画可以实现水流动，火焰燃烧等效果。本文由liangneo原创，转载请保留原文地址： 1.分析我们需要的是一个具uv动画的sprite，最简单合理的方式是让你UVSprite直接继承于CCSprite，另外我们还需要两个变量来

Cocos2d-x 2.x CCSprite 灰白图的生成（利用shader设置）

热门推荐

Cocos2der Game

11-02

1万+

猴子原创，欢迎转载。转载请注明：转载自Cocos2D开发网--Cocos2Dev.com，谢谢！原文地址: http://www.cocos2dev.com/?p=325游戏中人物死掉后要把人物头像变成灰白图，很多游戏也是这样处理，问题来了，怎么将CCsprite生成的图变成灰白呢？看了下实现，基本有了办法。CCSprite是在initWithTexture的时候渲染的贴图，如果在这里面设置一个

cocos2dx 2.1.4 shader解析2-CCGLProgram分析

阿祖的博客

10-01

4387

首先分析：CCGLProgram

cocos2dx 3.x实现精灵色相的修改

01-20

Debug模式下，需要注释掉 CCGLProgramState.h apply() 方法中 switch语句default分支下的断言调用方法 CSpriteWithHue *sprite = CCSpriteWithHue::create("HelloWorld.png"); sprite->setHue(4.6);//值在 0 ~ 2 Pi 之间

cocos2dx之CCGLProgram着色器类

专注，努力，勤奋

02-10

5913

引擎提供了CCGLProgram类来处理着色器相关操作，对当前绘图程序进行了封装，其中使用频率最高的应该是获取着色器程序的接口：const GLuint getProgram(); 该接口返回了当前着色器程序的标识符。后面将会看到，在操作OpenGL的时候，我们常常需要针对不同的着色器程序作设置。注意，这里返回的是一个无符号整型的标识符，而不是一个指针或结构引用，这是OpenGL接口的一个风格。

通过cocos2d-x的CCGLProgram和CCShaderCache的实现来分析OpenGL

我用CV我自豪。

12-12

1629

在OpenGL ES中，Shader是着色器，包括两种：顶点着色器（Vertex Shader）和片元着色器（Fragment Shader）。每个program对象有且仅有一个Vertex Shader对象和一个Fragment Shader对象连接到它。 Shader和Program编程步骤： 1. 创建Shader 1）编写Vertex Sha

7. cocos-2dx Shader(三) 实例应用

中苑

05-20

178

Mark～　 HSV and HLS color systems are problematic for a number of reasons. I talked with a color scientist about this recently, and his recommendation was to convert to YIQ or YCbCr space and adjust...

cocos2dx的shader的工作流程

jeepxbf的博客

03-11

529

本篇文章旨在记录cocos2dx中的shader文件是如何组织和编译的，理清脉络后，更容易对shader进行扩展和自定义。 shader使用的文件包括GLProgram 、GLProgramState、GLProgramCache、GLProgramStateCache GLProgramCache文件中的reloadDefaultGLPrograms()函数会编译所有的cocos内置的shader cocos的shader文件定义在cocos/renderer下面，是用const char定义的全局变量，

cocos creator 中使用自定义shader

一入編程深似海!

07-17

3636

为了减少游戏资源，游戏中免不了会使用一些shader，下面是一个将图片变灰shader，以此来看看如何在cocos creator中使用和管理shader。 shader文件管理在assets中新建一个文件夹resources，然后在resources中新建一个Shader文件夹。将所shader文件放在Shader文件夹中。现在在Shader文件夹中新建两个文件gray.vert.js...

cocos creator shader用法

丶祁寒的专栏

06-14

8767

var nativeVertShader = "attribute vec4 a_position;\n" + "attribute vec2 a_texCoord;\n" + "attribute vec4 a_color;\n" + "varying vec4 v_fragm

三言两语说shader（三）矩阵变换

猪哥的白驼山

03-29

1465

一、话痨接下来两篇打算补点理论姿势，哪里讲错了大家及时指出，多多包涵。说好讲轮廓效果的，怎么又扯起矩阵来了？是这样的，即便是上一篇中最简单的黑屏效果，里头的顶点处理函数vert_img，其实也包含了一句： o.pos = mul (UNITY_MATRIX_MVP, v.vertex); 这个MVP是unity shaderlab提供的内置矩阵，大体就是从物体本地坐标变换到世界坐标、再到

旋转矩阵（Rotation Matrix）的推导及其应用

weixin_33812433的博客

12-05

3851

向量的平移，比较简单。缩放也较为简单矩阵如何进行计算呢？之前的文章中有简介一种方法，把行旋转一下，然后与右侧对应相乘。在谷歌图片搜索旋转矩阵时，看到这张动图，觉得表述的很清晰了。稍微复杂一点的是旋转，如果只是二维也很简单（因为很直观），但因为是三维的，有xyz三个轴，先推导二维的再延伸到三维。 YouTube上有很好的推导过程，视频链接地址（需穿.墙） https://...

Cocos2d-X源码分析：从HelloWorld开始

"Cocos2d-X深入分析pdf(红孩儿)由红孩儿撰写，详述了Cocos2d-x游戏引擎的源码分析，特别是从'HelloWorld'程序入手。" Cocos2d-x是一个跨平台的2D游戏开发框架，广泛应用于iOS、Android和Windows等操作系统。该资源...