egret 示例实战二:实现爱心缩放和旋转动画

1.新建一个TestIndex类,声明爱心对象

1 private _love;//爱心对象

2.引入要展示的爱心对象

1 //引入爱心对象
2     this._love = CommonFun.creatBitmapByName("love_png");
3     this.addChild(this._love);

3.设置爱心对象居中

1 //设置爱心居中显示
2     this._love.anchorOffsetX = this._love.width / 2;
3     this._love.anchorOffsetY = this._love.height / 2;
4     this._love.x = Main.instance.width * .5;
5     this._love.y = Main.instance.height * .5;

4.利用Tween动画设置爱心对象不停缩放

1 //设置爱心缩放显示
2   egret.Tween.get(this._love,{loop:true}).
3        to({scaleX:0.5,scaleY:0.5},800,egret.Ease.sineIn).
4        to({scaleX:1,scaleY:1},800,egret.Ease.sineOut);

5.利用Tween动画实现爱心旋转

1 //设置爱心旋转显示
2    egret.Tween.get(this._love,{loop:true}).
3         to({rotation:360},2000,egret.Ease.sineIn);

 

6.利用动态帧频实现爱心旋转

1 this.addEventListener(egret.Event.ENTER_FRAME,()=>{
2      // console.log('img.rotation = '+img.rotation);
3      img.rotation += 3;
4 },this);

原文地址:https://www.cnblogs.com/WentingC/p/9269460.html