CocosCreator 面试题（十九） Cocos Creator 材质 shader 分别是什么？

一、Cocos Creator 材质是什么？有什么作用？

在Cocos Creator中，材质（Material）是用于定义和渲染游戏对象外观的一种组件。材质描述了对象的外观属性，如颜色、纹理、透明度、光照等，它们决定了对象在屏幕上的显示效果。

材质在游戏开发中起到了以下几个重要的作用：

1. 定义外观属性：材质允许你定义对象的外观属性，如颜色、纹理、透明度等。通过调整材质的属性值，可以改变对象的外观，使其呈现出不同的样式和效果。
2. 实现纹理贴图：材质可以将纹理（Texture）应用到对象上，实现贴图效果。纹理可以是图片、图集或其他可用于渲染的图像资源。通过设置材质的纹理属性，可以将指定的纹理映射到对象表面，使对象呈现出纹理的细节和图案。
3. 控制对象透明度：材质的透明度属性可以控制对象的可见性。通过调整透明度值，可以实现对象的淡入淡出效果，或者创建半透明的对象，使其能够显示下方的内容。
4. 影响光照和阴影：材质可以与光源（Light）一起使用，影响对象的光照和阴影效果。通过设置材质的光照属性，可以控制对象的反射、折射、漫反射和高光等光照效果，使对象在不同的光照条件下呈现出真实感和立体感。
5. 实现特殊效果：材质属性的组合和调整可以实现各种特殊效果，如镜面反射、扭曲、发光、水面效果等。通过对材质属性的控制，可以为游戏对象添加各种独特和吸引人的视觉效果，提升游戏的质感和表现力。

总之，材质在Cocos Creator中是定义和渲染游戏对象外观的重要组件。它们控制着对象的颜色、纹理、透明度和光照等属性，决定了对象在屏幕上的显示效果，为游戏开发提供了丰富的视觉表现能力。

二、Cocos creator Shader是什么？ 主要有哪些部分组成？

在Cocos Creator中，Shader（着色器）是一种用于控制图形渲染的程序。它是一种基于OpenGL ES着色语言编写的代码，用于定义对象的渲染方式和效果。通过编写Shader代码，可以实现对对象的顶点位置、颜色、纹理坐标和光照等属性的控制，从而实现各种特殊的渲染效果和动画。


Shader主要由以下几个部分组成：

1. 顶点着色器（Vertex Shader）：顶点着色器是Shader的一个阶段，它负责处理输入的顶点位置信息。在顶点着色器中，可以对顶点的位置进行变换、平移、旋转等操作，以及对顶点的颜色、纹理坐标等属性进行处理。顶点着色器的输出会传递给下一个阶段，即片段着色器。
2. 片段着色器（Fragment Shader）：片段着色器是Shader的另一个阶段，它负责处理顶点着色器输出的片段（像素）信息。在片段着色器中，可以对每个片段的颜色、透明度、纹理采样等进行处理，从而决定最终在屏幕上显示的像素颜色。片段着色器是渲染过程中最常用的部分，可以实现各种特效和图像处理操作。
3. Uniforms：Uniforms是Shader的一种输入方式，它是从应用程序中传递给Shader的常量值。通过Uniforms，可以在Shader中使用应用程序中定义的全局变量，如光照方向、摄像机位置、材质属性等。Uniforms可以在渲染过程中动态改变，从而实现动画和交互效果。
4. Attributes：Attributes是Shader的另一种输入方式，它是从应用程序中传递给Shader的顶点数据。通过Attributes，可以在Shader中使用顶点的位置、颜色、法线、纹理坐标等属性信息。Attributes通常用于在顶点着色器中处理顶点数据。

以上是Shader的主要部分组成。通过编写Shader代码，并将其应用于Cocos Creator中的渲染组件（如Sprite、Label、ParticleSystem等），可以实现各种特殊的渲染效果和动画，为游戏或应用程序增添独特的视觉效果。

三、Cocos creator 如何切换Shader?

在Cocos Creator中，可以通过以下步骤来切换对象的Shader：

1. 创建自定义Shader：首先，您需要创建自定义的Shader。您可以使用OpenGL ES着色语言编写Shader代码，定义对象的渲染方式和效果。在Cocos Creator中，您可以使用Shader Effect组件来创建和管理自定义Shader。创建一个新的Shader Effect组件，并在其中编写您的自定义Shader代码。
2. 应用Shader Effect组件：将创建的Shader Effect组件应用到目标对象上。在Cocos Creator的场景编辑器中，选择要应用Shader的对象，然后将创建的Shader Effect组件拖放到对象的组件列表中。
3. 配置Shader参数：根据您的需求，配置Shader Effect组件的参数。Shader Effect组件提供了一些可配置的属性，可以影响Shader的行为和效果。您可以根据需要调整这些参数，以获得期望的渲染结果。
4. 切换Shader：要切换对象的Shader，您可以通过启用或禁用Shader Effect组件来实现。通过在脚本或代码中控制Shader Effect组件的enabled属性，您可以在运行时切换Shader的应用。例如，您可以使用以下代码在脚本中切换Shader的应用：

// 获取对象上的Shader Effect组件
var shaderEffect = node.getComponent(cc.ShaderEffect);

// 启用或禁用Shader Effect组件
shaderEffect.enabled = !shaderEffect.enabled;