CocosCreator 面试题（二十） Cocos creator 如何实现一个置灰Shader？
要在Cocos Creator中实现一个置灰（Grayscale）的Shader，您可以按照以下步骤进行操作：
第一步，创建自定义Shader
首先，需要创建一个自定义的Shader。在Cocos Creator中，可以使用Shader Effect组件来创建和管理自定义Shader。创建一个新的Shader Effect组件，并在其中编写置灰Shader的代码。
第二步，编写置灰Shader代码
在Shader Effect组件中，打开Shader代码编辑器，编写置灰Shader的代码。
下面是一个简单的置灰Shader示例，可以将其添加到Shader Effect组件中：
顶点着色器代码：
attribute vec4 a_position;
attribute vec2 a_texCoord;
attribute vec4 a_color;
varying vec2 v_texCoord;
varying vec4 v_fragmentColor;
void main()
{
gl_Position = CC_PMatrix * a_position;
v_fragmentColor = a_color;
v_texCoord = a_texCoord;
}
片段着色器代码：
#ifdef GL_ES
precision lowp float;
#endif
varying vec2 v_texCoord;
varying vec4 v_fragmentColor;
void main()
{
vec4 texColor = texture2D(CC_Texture0, v_texCoord);
float gray = dot(texColor.rgb, vec3(0.299, 0.587, 0.114));
gl_FragColor = vec4(vec3(gray), texColor.a) * v_fragmentColor;
}
第三步，应用Shader Effect组件
将创建的Shader Effect组件应用到目标对象上。在Cocos Creator的场景编辑器中，选择要应用Shader的对象，然后将创建的Shader Effect组件拖放到对象的组件列表中。
第四步，调整Shader参数（可选）
根据需要，您可以调整Shader Effect组件的参数来影响置灰效果。
例如，可以更改灰度级别、调整透明度等。
通过以上步骤，就可以在Cocos Creator中实现一个置灰的Shader效果。将该Shader Effect组件应用到对象上后，对象将以灰度的形式呈现出来。