cocos creator 牌面翻转

最新推荐文章于 2023-08-17 09:24:33 发布

Jia_ly

最新推荐文章于 2023-08-17 09:24:33 发布

阅读量1w

点赞数 1

分类专栏： Cocos Creator

本文链接：https://blog.youkuaiyun.com/xiaobai2471052388/article/details/79345946

版权

Cocos Creator 专栏收录该内容

7 篇文章

订阅专栏

本文介绍使用 CocosCreator 实现牌面翻转效果的两种方法：一是通过编程控制旋转和缩放；二是利用动画编辑器制作序列帧动画。文章提供了具体的代码示例及动画播放细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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");
    }
}