【Cocos Creator 3.x】ShaderToy 中的 iResolution 对应 CocosEffect 中什么？

前言

在学习怎么编写 Shader 的过程中，发现在 ShaderToy 中有 iResolution 参数，而 Cocos Effect 中没有这个参数，那么如何使用这个参数呢？

介绍

在 shaderToy 中，iResolution 指的是视口的分辨率。它是一个 vec3 的数据类型。但是我们一般使用的时候，只会使用到 xy。

替代方式

1、从外部传入当前的视口信息到 shader，是比较简单的一种方式了。允许你手动在材质面板上就调整好 viewport 的分辨率，也可以在代码动态传递参数到 shader。

• 在 CCEffect 清单列表中，添加 resolution 暴露为材质的属性。
  
• 在需要使用的阶段，如 fs 阶段（片元着色阶段），使用 uniform 进行定义。
  
• 之后就可以正常使用 resolution 替代 iResolution 参数。