熱門文章

Ⓣegret.Ease & egret.Tween 用法

動畫範例

let s = new egret.Shape();
s.graphics.beginFill(0xFFCC00);
s.graphics.drawCircle(50, 50, 50);
s.graphics.endFill();
this.addChild(s);

egret.Tween.get(s, {
    loop: true, // 讓動畫循環播放
    onChange: () => { // 每次動畫變化執行一次
        egret.log(s.x, s.y); // 查看位移變化
    }
}).set({
    x: 0, // 設定起始座標
    y: 0
}).to({
    x: 100, // 設定終止座標
    y: 100
}, 1000, egret.Ease.circOut); // 執行 1 秒 circOut 動畫

參考:動畫曲線圖

沒有留言:

張貼留言