tween 动画

可以执行动画的东西太多了,做个总结,tween很强大

角度变化

var scale = { r: -Math.PI };
this.tweens.add({
            targets: scale,
//目标
            duration: 2000,
            r: Math.PI,
//具体的属性
            ease: 'Linear',
            repeat: -1
        });

数字变化

1 .就按照上面的方式,角度应该也算是数字的一种

const scale = { i: -64, x: 16, y: -16 };
this.tweens.add({
            targets: scale,
            duration: 1000,
            i: 64,
            x: -16,
            y: 16,
            ease: 'Linear',
            repeat: -1,
            yoyo: true
        });
 textCallback (data)
    {
        // data.y += scale.y * data.index;

        if (data.index % 2)
        {
            data.y += scale.x;
        }
        else
        {
            data.y += scale.y;
        }

        return data;
    }
//动态字体此起彼伏的效果

blitter tween动画

const bob = this.blitter.create(i * 32, 0, this.frame);

        this.tweens.add({
            targets: bob,
            duration: 2000,
            y: 650,
            delay: Math.random() * 2,
            ease: 'Sine.easeInOut',
            repeat: -1,
            yoyo: true
        });
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容