简单的自动翻牌效果

1.准备素材（正、背面牌各一张）

2.cocos creator创建一个Sprite（width:200,height:120），SpriteFrame默认是背面牌

3.创建一个animate动画，名为fanpai：

image1.png

（1）图中poker2为牌的Sprite，选中后，点击【add property】添加width；

（2）图中时间轴，分别在0:00、0:10、0:20设置Sprite的width为200、40、200，也就是说在动画一开始到0.1秒width缩小到40，然后又增长到200，这样就多了一个视觉上翻牌的感觉。

4.接下来是换牌，正面换为背面牌

var anim = this.poker2.node.getComponent(cc.Animation);

anim.play('fanpai');//播放名为fanpai动画

  this.schedule(function(){

  var SF = this.poker2.getComponent(cc.Sprite);

  SF.spriteFrame = this.frontBgSF;//frontBgSF 是正面牌的SpriteFrame

},0.1,0);//0.1秒后把poker2的SpriteFrame换成正面牌

过程：0秒的时候是背面牌，0.1秒的时候width缩小到40，此时牌为背面牌，0.2秒的时候width增加到200，此时牌为正面牌，因此视觉上实现了翻转的感觉。实际效果可以根据Sprite的大小自己调。

5.如果是多张牌要依次翻开，可以设置好schedule的间隔时间，依次执行各Sprite的动画。

此方法也是简单实现视觉上自动翻牌的效果，欢迎指正和讨论。