Cocos炫酷的转场特效是如何实现的

最新推荐文章于 2023-10-01 12:14:01 发布

老菜喵

最新推荐文章于 2023-10-01 12:14:01 发布

阅读量626

点赞数

分类专栏： Cocos 文章标签：游戏图形渲染

版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文链接：https://blog.csdn.net/qq_26813149/article/details/130763080

版权

PS:二喵的AIGC 卡牌接近尾声了！
链接：
AIGC制作卡牌1
AIGC制作卡牌2

最近遇到一个很头疼的问题，就是如何又流畅又生动的转场

在这个过程中，我实验了多个效果，一共写了7个转场特效，在论坛分享给大家。

预览地址：http://learncocos.com/shader1/

1.0 线性转场

*图片不能合图，合图需要转换UV
主图片使用默认的精灵，需要转场的图片，我们可以新建一个subTex，或者只是用透明色

线性转场相对而言，效果比较简单

#include <builtin/uniforms/cc-global>

const float tranSize = 0.1; 
vec4 LinearTransition(vec4 color,vec4 mixcolor, vec2 uv, float progression,bool isUVX) {
  float dir = isUVX?uv.x:uv.y;
  float f = dir*(1.0-tranSize) + tranSize - (progression * (1.0 + tranSize));
  float m = smooth

最低0.47元/天解锁文章

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
4
评论
Cocos炫酷的转场特效是如何实现的

用Shader制作Cocos炫酷的转场特效
复制链接

扫一扫

专栏目录

老菜喵 CSDN认证博客专家 CSDN认证企业博客

码龄9年

3: 原创

155万+: 周排名

167万+: 总排名

1624: 访问

: 等级

31: 积分

26: 粉丝

0: 获赞

4: 评论

1: 收藏

私信

关注

热门文章

分类专栏

Cocos 1篇

最新评论

Cocos Shade 方便的颜色滤镜库
CSDN-Ada助手: 非常感谢您分享关于Cocos Shade的博客！您的文章让我对Cocos Creator的颜色滤镜有了更深入的了解。同时，我也希望您可以继续分享更多关于Cocos Creator的实用技巧和经验。除了Cocos Shade，我发现在Cocos Creator中还有很多其他有用的滤镜，比如模糊滤镜、灰度滤镜等等。另外，如果您对Cocos Creator的动画制作感兴趣的话，也可以学习一些基本的动画技巧，比如关键帧动画、动画曲线等等。再次感谢您的分享，期待您未来更多的精彩文章！如何写出更高质量的博客，请看该博主的分享：https://blog.csdn.net/lmy_520/article/details/128686434?utm_source=csdn_ai_ada_blog_reply2
Cocos Shader 割草游戏！动作游戏特效！
CSDN-Ada助手: 恭喜你写出了这篇非常有趣的博客！看到你对Cocos Shader的运用，我真的感到非常佩服。以后希望你能够继续保持这样的创作热情，不断尝试新的技术和创意，让我们看到更多精彩的作品！ CSDN 正在通过评论红包奖励优秀博客，请看红包流：https://bbs.csdn.net/?type=4&header=0&utm_source=csdn_ai_ada_blog_reply3，我们会奖励持续创作和学习的博主，请看：https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply3
Cocos炫酷的转场特效是如何实现的
CSDN-Ada助手: 恭喜您的文章入围每天最佳新人「2023-05-20」榜单, 排名「61」, 一定要再接再厉哦, 创作更多高质量博客, 争取拿到更好成绩, 全部的排名请看: https://bbs.csdn.net/topics/615419293 更多创作活动请看: 新星计划2023: https://marketing.csdn.net/p/1738cda78d47b2ebb920916aab7c3584?utm_source=csdn_ai_ada_redpacket 新星计划2023: https://marketing.csdn.net/p/1738cda78d47b2ebb920916aab7c3584?utm_source=csdn_ai_ada_redpacket 上传ChatGPT/计算机论文等资源，瓜分￥5000元现金: https://blog.csdn.net/VIP_Assistant/article/details/130196121?utm_source=csdn_ai_ada_redpacket 新人首创任务挑战赛: https://marketing.csdn.net/p/90a06697f3eae83aabea1e150f5be8a5?utm_source=csdn_ai_ada_redpacket Microsoft Edge功能测评！: https://activity.csdn.net/creatActivity?id=10403?utm_source=csdn_ai_ada_redpacket 职场解惑讨论会: https://activity.csdn.net/creatActivity?id=10427?utm_source=csdn_ai_ada_redpacket 可持续能源技术真的能改变世界吗？: https://activity.csdn.net/creatActivity?id=10425?utm_source=csdn_ai_ada_redpacket 无效数据，你会怎么处理？: https://activity.csdn.net/creatActivity?id=10423?utm_source=csdn_ai_ada_redpacket 物联网技术正在如何影响我们的生活: https://activity.csdn.net/creatActivity?id=10421?utm_source=csdn_ai_ada_redpacket 生物识别技术能否成为应对安全挑战的绝佳选择？: https://activity.csdn.net/creatActivity?id=10411?utm_source=csdn_ai_ada_redpacket 应届生如何提高职场竞争力: https://activity.csdn.net/creatActivity?id=10409?utm_source=csdn_ai_ada_redpacket 讯飞星火大模型将超越chatgpt？: https://activity.csdn.net/creatActivity?id=10407?utm_source=csdn_ai_ada_redpacket 职场新人备忘录: https://activity.csdn.net/creatActivity?id=10405?utm_source=csdn_ai_ada_redpacket VR vs AR：哪种技术更有潜力改变未来？: https://activity.csdn.net/creatActivity?id=10399?utm_source=csdn_ai_ada_redpacket “裸奔”时代下该如何保护网络隐私: https://activity.csdn.net/creatActivity?id=10401?utm_source=csdn_ai_ada_redpacket 蓝桥杯备赛指南分享: https://activity.csdn.net/creatActivity?id=10317?utm_source=csdn_ai_ada_redpacket
Cocos炫酷的转场特效是如何实现的
CSDN-Ada助手: 非常棒的第一篇博客！恭喜你开始了自己的博客创作之路。Cocos的转场特效一直以来都是人们所热议的，相信你的分享一定会给大家带来不少收获。期待你的更多精彩文章！推荐【每天值得看】：https://bbs.csdn.net/forums/csdnnews?typeId=21804&utm_source=csdn_ai_ada_blog_reply1
Cocos炫酷的转场特效是如何实现的
CSDN-Ada助手: 恭喜你这篇博客进入【CSDN每天最佳新人】榜单，全部的排名请看 https://bbs.csdn.net/topics/615419293。

最新文章

目录

评论 4

被折叠的条评论为什么被折叠?

到【灌水乐园】发言

查看更多评论

添加红包

成就一亿技术人!

hope_wisdom

发出的红包

实付元

使用余额支付

点击重新获取

扫码支付

钱包余额 0

抵扣说明：

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