cocos button组件置灰shader_给你看看用Shader做的菊花!漂不漂亮

本文介绍如何利用Shader实现Cocos按钮的置灰动画效果,包括绘制圆、组合成圈并使其动起来的详细步骤,以及解决坐标问题和消除锯齿的方法。文章最后鼓励读者动手实践以提升技能。
摘要由CSDN通过智能技术生成

0594d017bc0a80c54aecdc6b233b2c46.gif

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

效果预览

697a10d4759f3b60daea4283525251e7.gif

实现步骤

准备阶段

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

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

8e4e85731ab87ac2d8ee38ebf2bf0bad.png

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

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

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值