cocos creator + TypeScript 实现翻牌效果

1、引言

  这几天做个棋牌小游戏，需要一个翻牌动作！试了几个效果只有这个感觉简单又真实一些，需要的小伙伴拿去吧，有效果好的可以一起交流哈~

2、实现过程

2.1、场景制作

  具体的布局如图所示：

  我们需要创建一个PokerNode节点，并添加一个子对象font，其中PokerNode节点添加一个sprite组件用于添加一个扑克的背面，font添加扑克正面，默认状态font为隐藏状态。场景就做好了，下面开始代码部分。

2.2、代码实现

• 新建PokerItem.ts文件，详情如下

const {ccclass, property} = cc._decorator;

@ccclass
export default class PokerItem extends cc.Component {

    @property(cc.Node) front: cc.Node = null;

    value:number = 10;//牌值

    showPoker(delayTime?:number,callBack?):void
    {
        if(delayTime == null)
        {
            delayTime = 0
        }
        let self = this
        let action = cc.sequence(
            cc.delayTime(delayTime),
            cc.rotateTo(0.5,0,90),