今天我们以一个2.1版最新creator材质+熔岩Shader为例子,详细的注解最新的cocos creator Shader结构, 希望帮助新手搞定cocos creaetor Shader。
先看一下完成的渲染流程图,多看几遍,我们写的Shader代码就是实现红色环节的:
看完了么?啥也不说了,直接上注解:
dissolve.effect (creator Shader文件), 我将文件按不同颜色分成了三个部分,
方便大家理解。
%{ // 描述开始
// shader 细节描述开始
techniques: [
{
// 存放渲染管道描述的数组集合
passes: [
// pass ---> 完整的渲染流水线;
{
vert: vs // 顶点Shader在 vs模块(下面定义);
frag: fs // 着色shader 在fs模块(下面定义)
cullMode: none
blend: true