[插件]Action-简单方便的界面动画插件

我做了一个基于Tween的界面动画系统!
为什么要做呢?
为了让用户交互更顺畅,很多游戏的界面打开/关闭都会有相应的动画。别人有的我们也要有!
那就做呗… 第一个问题是… 不想用动画系统(Animation),当然这是个人原因。

于是,我开始用Tween,问题产生了:

  1. 多节点缓动使用不便
  2. 缓动代码与界面逻辑混在一起
  3. 不能像动画系统一样即时预览(失去了才懂得珍惜,淦…)

话都说到这份上了,新系统应该要解决一下吧?

  1. 支持并行/顺序触发多个节点上的动画
  2. 组件式配置动画参数,与界面逻辑分离
  3. 编 辑 器 内 即 时 预 览!(所见即所得!)

当然了,基本的功能也要有。

  1. 支持position、opacity、scale、rotation属性
  2. 支持delay、easing函数、结束回调

一. 效果演示

简单做了个视频,截图很难描述动画效果…
BILIBILI视频地址
视频中基本将Action系统的基础功能都演示了一遍,并有对应的操作过程。
界面动画要做得好看、自然,是需要一点专业功底的。作为一个程序员,就只能做到效果演示的地步了2333。

二. 收尾

Action系统本质上是将Tween包装成组件,再将若干Tween组装成事件序列,通过事件触发。比较适合在界面动画中使用。
插件基于Cocos 3.3开发,理论上支持3.3及以上的版本。
但由于不同版本编辑器逻辑有差异,可能不支持实时预览,还在继续研究。

Action系统原基于Cocos 2.x,后来因为一些需求,基于3.x重新实现,并根据使用经验,做了一些优化和改进。
本来计划年中完成,能硬是划水划到年底,这也是很不容易的!
这冬天,敲键盘的手冰凉冰凉的:cold_face:

这是商店链接:
https://store.cocos.com/app/detail/4333
这是文档链接:
https://www.yuque.com/yuhuo-2kehw/pk4x20
这是体验地址:
https://ppppromise.com/game/action/

12赞

优秀呀~陈兄:call_me_hand::call_me_hand::call_me_hand:

free模式下是不是应该只限定为absolute,我看代码好像free也没处理relative

只是个小东西啦

1赞

抱歉,这是一个代码问题。
我已经提交新版修复了,正在审核。你也可以通过git获取到最新版本。

优秀~越来越棒了 看来还是要不断催更 哈哈哈哈~

非常不错的东西 :smiley:但还有一些细节要处理一下,例如opacity应该限制在[0, 255], duration限制在[0, 正无穷]

好建议。这方面确实可以做得好一些,我会尽快处理~

image 大佬,这个怎么解决

什么情况下触发的?

更新下3.8.1的版本吧

大佬还有2.4版本的吗