Egret学习-通过缩放实现翻牌效果

Posted 2020-12-15 woaitech

// 首先显示牌的背面，然后缩放到0，显示牌的正面，由0到1缩放


 1         // 缩放实现翻牌
 2         // 牌的背面
 3         let card_back = Main.createBitmapByName("card_big_back");
 4         card_back.anchorOffsetX = card_back.width/2
 5         card_back.x = 200
 6         card_back.y = 50;
 7         this.addChild(card_back);
 8 
 9         // 牌的正面
10         let card_front = Main.createBitmapByName("card_big_front");
11         card_front.anchorOffsetX = card_front.width/2
12         card_front.x = 200
13         card_front.y = 50;
14         
15         var twback = egret.Tween.get( card_back );
16         twback.wait(1000).to( {scaleX:0}, 300 ).call(()=>{
17             card_front.scaleX = 0;
18             this.addChild(card_front);
19             var twfront = egret.Tween.get( card_front );
20             twfront.wait(0).to( {scaleX:1}, 300);
21         });