如何抄一个 Shader 到 Cocos Creator

保姆级手把手教学，从头开始写！

效果

效果预览:

前言

感谢大家的观看，感谢大家的点赞留言分享支持，感谢3D折纸效果的实现(视频+文字)中老板们的赞赏支持，非常感谢。

3D折纸效果的赞赏

时常有人问我怎么学习shader，其实白玉无冰学的也很浅，推荐几个曾经用过的在线学习网站。

• https://thebookofshaders.com/

• https://webglfundamentals.org

• https://learnopengl-cn.github.io/

里面有自带环境编辑，在线编写代码，边学边做。

了解了一些概念(顶点着色器/片元着色器/uniform/glsl语法/内置函数/uv坐标)后，参考Cocos官方文档和论坛帖子。

看看Cocos内置的effect语法怎么写的，动手改改其中的几个数值，看看效果。

在有需求要做的时候，网上搜一搜，大部分效果都能搜到，剩下的就是借鉴搬运了。

这次我们来讲讲如何把搜到的shader化为己有，在Cocos中实现其中的效果。

本次演示使用Cocos Creator 3.1.0版本，看完后，相信大家可以在其他任意版本都可移植！