Laya 3.0 Shader 简单介绍_laya3.0 shader

Laya 3.0 + Shader 简单介绍

Laya 升级到3.0 了，通过最近一段时间的源码阅读，对Laya 渲染有一些基础了解，于是记录一下Laya 3.0 Shader的一些使用教程，当前使用的是Laya 3.0.7版本，如果有不对的地方，请大家以官网最新版本为准。

瀑布流水效果图

参数设置

着色器实现

Shader3D Start
{
    type:Shader3D,
    name:MaskAdd,
    enableInstancing:true,
    supportReflectionProbe:true,
    uniformMap:{
        u_AlphaTestValue: { type: Float, default: 0.0, range: [0.0, 1.0] },
        u_TilingOffset: { type: Vector4, default: [1, 1, 0, 0], block: unlit },
        u_AlbedoColor: { type: Color, default: [1, 1, 1, 1], block: unlit },
        u_AlbedoTexture: { type: Texture2D, options: { define: "ALBEDOTEXTURE" } },
        u_AlbedoIntensity: { type: Float, default: 0.5 },
        
        u_DistortTexture: { type: Texture2D, options: { define: "DISTORTTEXTURE" } },
        u_TilingOffsetDistort: { type: Vector4, default: [1, 1, 0, 0], block: unlit }, 
        u_DistortTexUSpeed: { type: Float, default: 0.5 },
        u_DistortTexVSpeed: { type: Float, default: 0.5 },
        u_DistortStrength: { type: Float, default: 0.5 },
        
        u_Mask: { type: Texture2D, options: { define: "MASKTEXTURE" } },
        u_TilingOffsetMask: { type: Vector4, default: [1, 1, 0, 0], block: unlit },
        u_USpeed: { type: Float, default: 0.5 },
        u_VSpeed: { type: Float, default: 0.5 },

        u_Glow: { type: Float, default: 0.5, range: [0.0, 10.0] },
        u_ZOffset: { type: Float, default: 0.5 }
    },
    defines: {
        ENABLEVERTEXCOLOR: { type: bool, default: true },
        COLOR: { type: bool, default: true },
        UV: { type: bool, default: true }, 
        ENABLE_Z_OFFSET : { type: bool, default: false }, 
    },
    shaderPass:[
        { 
            pipeline:Forward,
            VS:unlitVS,
            FS:unlitPS, 
        }
    ]
}
Shader3D End

GLSL Start
#defineGLSL unlitVS

    #define SHADER_NAME MaskAdd

    #include "Math.glsl";

    #include "Scene.glsl";
    #include "SceneFogInput.glsl";

    #include "Camera.glsl";
    #include "Sprite3DVertex.glsl";

    #include "VertexCommon.glsl";

    #ifdef UV
    varying vec4 v_Texcoord0;
    #endif // UV

    #ifdef COLOR
    varying vec4 v_VertexColor; 
    #endif // COLOR
    
    void main()
    {
        Vertex vertex;
        getVertexParams(vertex);

    #ifdef UV
        v_Texcoord0.xy = vertex.texCoord0;
        v_Texcoord0.zw = transformUV(vertex.texCoord0, u_TilingOffsetMask);
    #endif // UV

    #ifdef COLOR
        v_VertexColor = vertex.vertexColor;   
    #endif // COLOR
        
        mat4 worldMat = getWorldMatrix();
        vec4 pos = (worldMat * vec4(vertex.positionOS, 1.0));
        vec3 positionWS = pos.xyz / pos.w;

        #if defined (ENABLE_Z_OFFSET)		
		    vec3 z_dir = normalize(positionWS.xyz - u_CameraPos);
            positionWS.xyz += z_dir * u_ZOffset; 
        #endif

        gl_Position = getPositionCS(positionWS);

        gl_Position = remapPositionZ(gl_Position);

    }
#endGLSL

#defineGLSL unlitPS

    #define SHADER_NAME MaskAdd

    #include "Color.glsl";

    #include "Scene.glsl";
    #include "SceneFog.glsl";

    #include "Camera.glsl";
    #include "Sprite3DFrag.glsl";

    #ifdef COLOR
    varying vec4 v_VertexColor; 
    #endif // COLOR
    
    #ifdef UV
    varying vec4 v_Texcoord0;
    #endif // UV 

    void main()
    { 
        vec2 uv = vec2(0.0);
        vec2 uv2 = vec2(0.); 
    #ifdef UV
        uv = v_Texcoord0.xy;
        uv2 = v_Texcoord0.zw; 
    #endif // UV 

        vec2 uvDistort = uv + vec2(u_DistortTexUSpeed, u_DistortTexVSpeed) * u_Time;
        
        vec4 distortTex = vec4(1.0);

        #ifdef DISTORTTEXTURE
            distortTex = texture2D(u_DistortTexture, transformUV(uvDistort, u_TilingOffsetDistort));
        #endif

        vec2 uvMainTex = uv + u_Time * vec2(u_USpeed, u_VSpeed) + vec2(distortTex.r * u_DistortStrength);
        
        vec4 mainTex = vec4(1.0);
        #ifdef ALBEDOTEXTURE
            mainTex = texture2D(u_AlbedoTexture, transformUV(uvMainTex, u_TilingOffset));
        #endif

        vec4 maskTex = vec4(1.0);
        #ifdef ALBEDOTEXTURE
            maskTex = texture2D(u_Mask, uv2);
        #endif
        
        vec3 color =  u_AlbedoColor.rgb * mainTex.rgb  * maskTex.rgb * u_Glow * u_AlbedoIntensity ;
        float alpha = 1.0;
        
    #ifdef COLOR 
        vec4 vertexColor = v_VertexColor; 
        color *= vertexColor.rgb ;
        alpha *= vertexColor.a; 
    #endif // COLOR

    #ifdef ALPHATEST
        if (alpha < u_AlphaTestValue)
            discard;
    #endif // ALPHATEST
        
        gl_FragColor = vec4(color, alpha);
        
        gl_FragColor = outputTransform(gl_FragColor);
    }
#endGLSL
GLSL End



1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168

有什么问题欢迎大家留言。