【cocos2d-x 2.x 学习与应用总结】12: cocos2d-x预定义shader源码

最新推荐文章于 2020-09-14 10:34:11 发布
最新推荐文章于 2020-09-14 10:34:11 发布
阅读量1.1k 收藏 2
点赞数 1
分类专栏： OpenGL cocos2d-x cocos2d-x学习与应用总结 文章标签： cocos2d-x opengl-es
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/elloop/article/details/50551006
版权

前言

本文把cocos2d-x 2.x版本中预定义的所有shader源码贴出来，便于集中参考。作者的引擎版本是2.2.3.

下面以ccShaders.h中定义的片段着色器变量名作为标题，逐条列出。(为什么不用顶点着色器的变量名，因为有几个shader只有片段着色器变量名)

ccPosition_uColor_frag

ccShader_Position_uColor_vert.h

attribute vec4 a_position;                          
uniform vec4 u_color;                               
uniform float u_pointSize;                          

#ifdef GL_ES                                        
varying lowp vec4 v_fragmentColor;                  
#else                                               
varying vec4 v_fragmentColor;                       
#endif                                              

void main()                                         
{                                                   
    gl_Position = CC_MVPMatrix * a_position;        
    gl_PointSize = u_pointSize;                     
    v_fragmentColor = u_color;                      
}

ccShader_Position_uColor_frag.h

#ifdef GL_ES                            
precision lowp float;                   
#endif                                  

varying vec4 v_fragmentColor;           

void main()                             
{                                       
    gl_FragColor = v_fragmentColor;     
}

ccPositionColor_frag

ccShader_PositionColor_vert.h

attribute vec4 a_position;                              
attribute vec4 a_color;                                 
#ifdef GL_ES                                            
varying lowp vec4 v_fragmentColor;                      
#else                                                   
varying vec4 v_fragmentColor;                           
#endif                                                  

void main()                                             
{                                                       
    gl_Position = CC_MVPMatrix * a_position;            
    v_fragmentColor = a_color;                          
}

ccShader_PositionColor_frag.h

#ifdef GL_ES                                        
precision lowp float;                               
#endif                                              

varying vec4 v_fragmentColor;                       

void main()                                         
{                                                   
    gl_FragColor = v_fragmentColor;                 
}

ccPositionTexture_frag

ccShader_PositionTexture_vert.h

attribute vec4 a_position;                              
attribute vec2 a_texCoord;                              

#ifdef GL_ES                                            
varying mediump vec2 v_texCoord;                        
#else                                                   
varying vec2 v_texCoord;                                
#endif                                                  

void main()                                             
{                                                       
    gl_Position = CC_MVPMatrix * a_position;            
    v_texCoord = a_texCoord;                            
}

ccShader_PositionTexture_frag.h

#ifdef GL_ES                                                            
precision lowp float;                                                   
#endif                                                                  

varying vec2 v_texCoord;                                                
uniform sampler2D CC_Texture0;                                          

void main()                                                             
{                                                                       
    gl_FragColor =  texture2D(CC_Texture0, v_texCoord);                 
}

ccPositionTextureA8Color_frag

ccShader_PositionTextureA8Color_vert.h

attribute vec4 a_position;                          
attribute vec2 a_texCoord;                          
attribute vec4 a_color;                             

#ifdef GL_ES                                        
varying lowp vec4 v_fragmentColor;                  
varying mediump vec2 v_texCoord;                    
#else                                               
varying vec4 v_fragmentColor;                       
varying vec2 v_texCoord;                            
#endif                                              

void main()                                         
{                                                   
    gl_Position = CC_MVPMatrix * a_position;        
    v_fragmentColor = a_color;                      
    v_texCoord = a_texCoord;                        
}

ccShader_PositionTextureA8Color_frag.h

#ifdef GL_ES                                        
precision lowp float;                               
#endif                                              

varying vec4 v_fragmentColor;                       
varying vec2 v_texCoord;                            
uniform sampler2D CC_Texture0;                      

void main()                                         
{                                                   
    gl_FragColor = vec4( v_fragmentColor.rgb,                                       // RGB from uniform             
                         v_fragmentColor.a * texture2D(CC_Texture0, v_texCoord).a   // A from texture & uniform     
                       );                           
}

ccPositionTextureColor_frag

ccShader_PositionTextureColor_vert.h

attribute vec4 a_position;                          
attribute vec2 a_texCoord;                          
attribute vec4 a_color;                             

#ifdef GL_ES                                        
varying lowp vec4 v_fragmentColor;                  
varying mediump vec2 v_texCoord;                    
#else                                               
varying vec4 v_fragmentColor;                       
varying vec2 v_texCoord;                            
#endif                                              

void main()                                         
{                                                   
    gl_Position = CC_MVPMatrix * a_position;        
    v_fragmentColor = a_color;                      
    v_texCoord = a_texCoord;                        
}

ccShader_PositionTextureColor_frag.h

#ifdef GL_ES                                
precision lowp float;                       
#endif                                      

varying vec4 v_fragmentColor;               
varying vec2 v_texCoord;                    
uniform sampler2D CC_Texture0;              

void main()                                 
{                                           
    gl_FragColor = v_fragmentColor * texture2D(CC_Texture0, v_texCoord);
}

ccPositionTextureColorAlphaTest_frag

ccShader_PositionTextureColorAlphaTest_frag.h

#ifdef GL_ES                                                
precision lowp float;                                       
#endif                                                      

varying vec4 v_fragmentColor;                               
varying vec2 v_texCoord;                                    
uniform sampler2D CC_Texture0;                              
uniform float CC_alpha_value;                               

void main()                                                 
{                                                           
    vec4 texColor = texture2D(CC_Texture0, v_texCoord);     

    // mimic: glAlphaFunc(GL_GREATER)                       
    // pass if ( incoming_pixel >= CC_alpha_value ) => fail if incoming_pixel < CC_alpha_value

    if ( texColor.a <= CC_alpha_value )                     
        discard;                                            

    gl_FragColor = texColor * v_fragmentColor;              
}

ccPositionTexture_uColor_frag

ccShader_PositionTexture_uColor_vert.h

attribute vec4 a_position;          
attribute vec2 a_texCoord;          

#ifdef GL_ES                        
varying mediump vec2 v_texCoord;    
#else                               
varying vec2 v_texCoord;            
#endif                              

void main()                         
{                                   
    gl_Position = CC_MVPMatrix * a_position;
    v_texCoord = a_texCoord;        
}

ccShader_PositionTexture_uColor_frag.h

#ifdef GL_ES                            
precision lowp float;                   
#endif                                  

uniform     vec4 u_color;               

varying vec2 v_texCoord;                

uniform sampler2D CC_Texture0;          

void main()                             
{                                       
    gl_FragColor =  texture2D(CC_Texture0, v_texCoord) * u_color;
}

ccExSwitchMask_frag

ccShaderEx_SwitchMask_frag.h

#ifdef GL_ES                                     
precision lowp float;                            
#endif                                           

varying vec4        v_fragmentColor;             
varying vec2        v_texCoord;                  
uniform sampler2D   u_texture;                   
uniform sampler2D   u_mask;                      

void main()                                      
{                                                
    vec4 texColor   = texture2D(u_texture, v_texCoord);                                      
    vec4 maskColor  = texture2D(u_mask, v_texCoord);                                         
    vec4 finalColor = vec4(texColor.r, texColor.g, texColor.b, maskColor.a * texColor.a);    
    gl_FragColor    = v_fragmentColor * finalColor;                                          
}

ccPositionColorLengthTexture_frag

ccShader_PositionColorLengthTexture_vert.h

#ifdef GL_ES                                                        
attribute mediump vec4 a_position;                                  
attribute mediump vec2 a_texcoord;                                  
attribute mediump vec4 a_color;                                     

varying mediump vec4 v_color;                                       
varying mediump vec2 v_texcoord;                                    

#else                                                               
attribute vec4 a_position;                                          
attribute vec2 a_texcoord;                                          
attribute vec4 a_color;                                             

varying vec4 v_color;                                               
varying vec2 v_texcoord;                                            
#endif                                                              

void main()                                                         
{                                                                   
    v_color = vec4(a_color.rgb * a_color.a, a_color.a);             
    v_texcoord = a_texcoord;                                        

    gl_Position = CC_MVPMatrix * a_position;                        
}

ccShader_PositionColorLengthTexture_frag.h

#ifdef GL_ES                                                                                                                
// #extension GL_OES_standard_derivatives : enable                                                                          

varying mediump vec4 v_color;                                                                                               
varying mediump vec2 v_texcoord;                                                                                            
#else                                                                                                                       
varying vec4 v_color;                                                                                                       
varying vec2 v_texcoord;                                                                                                    
#endif                                                                                                                      

void main()                                                                                                                 
{                                                                                                                           
// #if defined GL_OES_standard_derivatives                                                                                  
    // gl_FragColor = v_color*smoothstep(0.0, length(fwidth(v_texcoord)), 1.0 - length(v_texcoord));                        
// #else                                                                                                                    
    gl_FragColor = v_color*step(0.0, 1.0 - length(v_texcoord));                                                             
// #endif                                                                                                                   
}

作者水平有限，对相关知识的理解和总结难免有错误，还望给予指正，非常感谢！

在这里也能看到这篇文章：github博客, CSDN博客, 欢迎访问

elloop
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Cocos2d-x shader学习1： 灰度shader
皓月微风
02-02 1782
灰度shader最近在学习shader，就把cocos2d-x 3.x版本中的很简单也很常用的灰度shader拿出来学习一下。#ifdef GL_ES precision mediump float; // ES版本的精度限定符，精度变低后可以提高效率 #endifvarying vec4 v_fragmentColor; varying vec2 v_texCoord;void main(void
cocos2d-x与着色器设计--入门篇(游云凌天原创)
danjinxiangsi的专栏
02-26 4121
着色器(Shader)应用与计算机图形学领域，指一组提供计算机图形资源在渲染时执行的指令。 随着手机应用以及移动端游戏这几年的发展，着色器设计凭借着自身的灵活性以及适应性，越来越多的被移动端开发者所接受。 本人在App Store上发布了一个原创免费开源无广告的关于着色器的教育型软件，以研究着色器在移动端的设计为目的。 可惜由于时间匆忙，并没有做中文的本地化。所以将写几篇博客，手把手的教一些
OpenGL ES2.0教程：编写自己的shader(2)
hhy018的专栏
08-21 820
转自：http://4gamers.cn/archives/131
cocos2d-x 3.1.1 学习笔记［15］ Shader 著色器
zhouyunxuan的专栏
07-21 6476
首先需要两个文件
Cocos2d-lua 初识shader之四：描边
yuan2053的博客
02-06 529
原理：对于所有透明的像素点，遍历该像素点周围的所有像素点，当有任意一个像素点非透明时，就将该像素点置为描边颜色。 PS.在网上读到一位前辈写的方法是“遍历所有不透明的像素点四周，当有透明像素点时，将该像素点设置为描边颜色”（思路相反），这样的做法会有些缺憾，结尾会放出比较图。 [objc] view plain copy local vert = [[      a
cocos2dx 使用shader实现圆形裁剪
三思而先行的博客
07-19 1052
最近在做联网象棋游戏，需要将在线获取的图形裁剪成圆形图片，由于之前了解过shader相关知识，所以就想试试用shader来实现圆形裁剪，代码如下： 顶点着色器代码： attribute vec4 a_position; attribute vec2 a_texCoord; attribute vec4 a_color; #ifdef GL_ES varying mediump vec2 v_texCoord; varying lowp vec4 v_fragmentColor; #else vary
Cocos2d-x 3.x游戏开发实战pdf含目录
07-24
Cocos2d-x 3.x游戏开发实战pdf含目录，内容详细，强烈推荐给大家。
Cocos2d-X 3.X 游戏案例开发大全光盘.txt
07-17
资源为教学视频，有iOS基础熟悉XCode基本上不难学会，主要讲了一些Cocos2d游戏开发引擎中的一些具体调用
Cocos2d-x 3.x入门教程（一）：基础概念
01-01
对于我来说，Cocos2d-x就是一个类库，就类似于MFC、ATL和QT一样，就是一个游戏类库，而我就按照学习类库使用的方法去学习Cocos2d-x。这篇文章叫基础概念，但是还是从整体来说说Cocos2d-x这个类库的。 基础架构 在...
Cocos2d-x 3.x制作2048
04-21
详细介绍 基于coco2d-x 3.0开发的2048，内容详细，代码整洁，适合学习。
在Cocos2d-x v3.x 中实现带颜色滤镜的Sprite
翻肚鱼儿的博客
09-14 394
一、目的 Cocos2d-x做项目时经常会碰到要对图片进行变色的需求，最常用的就是变灰了，就要让按钮变灰来表示当前的状态是不可点的。 但是Cocos2d-x的Sprite中是没有这个变灰支持的。那么，就要我们自己动手来扩展实现一个。我们让这个带变色功能的Sprite叫做FilterSprite。这个FilterSprite扩展了Sprite的功能：可以方便地变换颜色。 二、原理 对图片进行颜色变换，就是对图片上的每个像素进行变换。要实现这个，要新创建一个fragmentShader，这个fragmen
基于cocos2dx 2.x做的一些shader效果Demo
06-01
原文地址：http://blog.csdn.net/teng_ontheway/article/details/39190919
cocos2D-X源码分析之从cocos2D-X学习OpenGL（6）---cocos内置着色器
手机游戏开发学习笔记
06-02 8865
上一篇我们介绍了cocos2d-x绘制基本图形的基本流程，我们还留下了一个着色器的部分没有讲，本篇内容将从openGL的渲染流程讲起，介绍cocos2d-x中的着色器，openGL的渲染流程如图所示：              openGL的绘制通常就是将顶点数据传输到openGL服务端。我们可以将一个顶点视为一个需要统一处理的数据包，这个包中的数据可以是我们需要的任何数据，通常其中几乎始终会包含
Cocos2d-x 3.x 图形学渲染系列十五
海洋个人博客
01-12 3401
笔者介绍：姜雪伟，IT公司技术合伙人，IT高级讲师，CSDN社区专家，特邀编辑，畅销书作者，国家专利发明人;已出版书籍：《手把手教你架构3D游戏引擎》电子工业出版社和《Unity3D实战核心技术详解》电子工业出版社等。 在游戏开发中或者是游戏程序员招聘中，都有关于图形学或者引擎高级程序职位。凡是涉及到这些职位的招聘，对于此职位的开发人员都需要会Shader编程或者说GPU编程，同时他们的薪资也是比
OpenGL ES渲染之 Shader准备 和 LayerColor
domzhaosh
03-11 980
OpenGL ES渲染之     Shader准备 Cocos2dx底层图形绘制是使用OpenGL ES协议的。OpenGL ES是什么呢? OpenGL ES(OpenGl for Embedded System)是OpenGL三维图形API的子集,针对手机,PDA和游戏主机等嵌入式设备而设计.该API有Khronos集团定义推广,Khronos是一个图形软硬件行业协
六 cocos2dx(3.X)中使用shader
X实验室
07-20 6620
原文链接：http://blog.csdn.net/xufeng0991/article/details/47256583一 shader的基本概念1 什么是shadershader即着色器，就是专门用来渲染3D图形的一种技术。 通过shader，可以自己编写显卡渲染画面的算法，使画面更漂亮、更逼真。2 shader分类shader又分两种，一种是顶点shader（3D图形是由三角形组成的，顶点s
cocos2dx 2.1.4 shader解析3 - cocos2dx自带的shader分析
阿祖的博客
10-01 6044
CCShaderCache
cocos2d-x 3.x游戏案例开发大全 iso
最新发布
09-07
cocos2d-x 3.x是一种流行的跨平台游戏开发引擎，可用于开发2D和3D游戏。以下是一些cocos2d-x 3.x的ISO（等距）游戏案例开发的例子： 1. 塔防游戏：玩家需要在地图上建立防御塔来抵御敌人的攻击。通过战略地摆放塔和...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值