单脚本分享一个tween的使用的脚本

感情偏食BZ8 · 发表于 2024-4-3 16:22:01

本帖最后由感情偏食BZ8 于 2024-4-3 16:22 编辑

发现在开发过程中对于一些UI的动效使用的tween会比较多就分享一个脚本，包括左右抖动，平移，放大缩小，渐隐渐显等功能

这个脚本可以根据自己的需求进行功能上的组合可以快速的实现一些动效

下方视频是一个左右摇晃放大缩小同时进行结束后渐隐消失的例子
附上调用的代码，对于代码详细的实现请看最后附件的脚本有使用的详细注释



        const starImg = this.uiWidgetBase.findChildByPath('RootCanvas/Image') as Image

        InputUtil.onKeyDown(Keys.L, () => {

            console.log("按下了L键")

            //放大后缩小的动画

            GameAnimation.instance.playerEnlargeAnimation(starImg, 0.5, new mw.Vector2(1, 1), new mw.Vector2(2, 2), 0.5, new mw.Vector2(1, 1))

             //左右摇晃的动画

            GameAnimation.instance.playWobbleAnimation(starImg, 10, 0.1, 2, () => {

            //结束回调里继续渐隐    

            GameAnimation.instance.playFadeAnimation(1, 0, 1, starImg, () => {

                })

            })

        })