Cocos Creator Shader工具

概述十一就这样过去了，没什么大成就，但还是写个总结吧。前几天用Cocos Creator写一个demo，涉及到了shader开发，而cocos一直没有好用的shader工具，就心血来潮要自己开发一个。花了两天时间，模拟Unity Shader完成了一套基本的材质框架，由于不知道怎么扩展编辑器，就没写工具，后面等Cocos Creator的编辑器扩展功能更完善一些再说。 源码已经放到github了，戳这

十一就这样过去了，没什么大成就，但还是写个总结吧。前几天用Cocos Creator写一个demo，涉及到了shader开发，而cocos一直没有好用的shader工具，就心血来潮要自己开发一个。花了两天时间，模拟Unity Shader完成了一套基本的材质框架，由于不知道怎么扩展编辑器，就没写工具，后面等Cocos Creator的编辑器扩展功能更完善一些再说。

源码已经放到github了，戳这里。shader的语法类似于Unity Shader，详细的说明已经写在github项目主页了，大致如下：

Shader "SimpleShader" {    PropertIEs{ // 材质属性        _MainTex("Main Tex",texture) = "";        _color("Main color",color) = (1,1,1);    }    SubShader{        Pass{            // 变种shader宏列表。shader会根据宏的排列组合，生成不同版本的shader            variants = (ENABLE_color,ENABLE_TEXTURE);            // 顶点着色器源码            vsh = `                attribute vec4 a_position;                attribute vec2 a_texCoord;                varying vec2 v_texCoord;                voID main()                {                    gl_position = CC_PMatrix * a_position;                    v_texCoord = a_texCoord;                }            `;            // 片段着色器源码            fsh = `            #ifdef GL_ES                precision mediump float;            #endif            #ifdef ENABLE_TEXTURE                varying vec2 v_texCoord;                uniform sampler2D _MainTex;            #endif            #ifdef ENABLE_color                uniform vec4 _color;            #endif                voID main()                {                    vec4 color = vec4(1,1);            #ifdef ENABLE_TEXTURE                    color = texture2D(_MainTex,v_texCoord);            #endif            #ifdef ENABLE_color                    color *= _color;            #endif                    gl_Fragcolor = color;                }            `;        }    }}

材质格式如下：

{    "shaderPath" : "resources/shaders/simple-shader.shader","values" : { "_MainTex" : "resources/textures/tex00.jpg","_color" : [1,0,1] },"variants" : ["ENABLE_color","ENABLE_TEXTURE"] }

源码中包含一套简单的材质框架，和一个shader(非glsl)语法解析器。工具会根据shader文件中提供的变种宏列表，生成不同的着色器对象(GLProgram)，材质系统用宏列表去匹配合适的着色器对象，然后合成GLProgramState，最后赋予Node。

总结

以上是内存溢出为你收集整理的Cocos Creator Shader工具全部内容，希望文章能够帮你解决Cocos Creator Shader工具所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。