优化Cocos Creator翻牌动画：简单实现方法与示例代码 | 南锋

南锋

南奔万里空，脱死锋镝余

优化Cocos Creator翻牌动画：简单实现方法与示例代码

发表于 更新于 分类于 阅读次数： Valine：
本文字数： 381 阅读时长 ≈ 1 分钟
Cocos Creator实现一个翻牌动画

网上教程很多，但是大多数都是使用了2个精灵去实现的，个人觉得比较麻烦，这里写下我的方法，记录下

1
2
3
tween(this._view._ImgC_poker.node).to(0.5,{eulerAngles:new Vec3(0,90,0)}).call(()=>{
    this._view._ImgC_poker.getComponent(Sprite).spriteFrame = this.pokerImg.getSpriteFrame("card_2");
}).to(0.5,{eulerAngles:new Vec3(0,0,0)}).start();

这里只需要用到一个精灵节点即可:

示意图
+