shader 动画之 loading 特效! Cocos Creator !

手把手带你玩转 shader 动画！！文末视频讲解+完整代码。

效果预览

实现步骤

准备阶段

由于实现动画需要纹理uv的坐标。刚好 cocos creator 在 sprite 这个组件中，会传入uv坐标。

并且，sprite 组件需要有spriteFrame时，才会有uv坐标。

我们就用新建项目后，这个自带的资源作为 sprite 的 spriteFrame 吧。

需要注意的是，要把这个资源的Packable去掉，避免出现uv坐标不正确的情况。

接着新建 effect ，新建 material ，新建 sprite 节点。然后将这几个东西连接起来。

画一个圆

编辑刚刚创建好的 effect , 开始编写。