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);
坚持就是胜利啊!