cocos creator 牌面翻转

cocos creator 牌面翻转

---

思路描述

1、利用方法
var rotationTo = cc.rotateTo(1, 0, 180);
this.paiNode.runAction(rotationTo);
进行位置的移动。移动完成之后，Node.setScaleX(-1); 完成翻转。在 update 中监 Node.rotationY 的值，达到自己要求的时候，更换精灵图片。

代码块

paiclick:function(){
	  this.paiNode.rotationX = 0;
	  this.paiNode.rotationY = 0;
	  var rotationTo = cc.rotateTo(1, 0, 180);
	  this.paiNode.runAction(rotationTo);
	  this.paiNode.setScaleX(-1);
},
update: function (dt) {
   if(this.paiNode.rotationY > 90){
     this.paiNode.getComponent(cc.Sprite).spriteFrame = this.pokerAtlas.getSpriteFrame("c_10");
    }else{
      this.paiNode.getComponent(cc.Sprite).spriteFrame = this.pokerAtlas.getSpriteFrame("back");
    }
}

2、利用动画编辑器将翻转过程做成序列帧动画，在动画播放完成的时候，将需要的显示出来的实际内容贴图上去