斗地主滑动选择卡牌的实现

最近想自己做一个斗地主游戏（使用cocoscreator + javascript)，发现滑动选择卡牌还有一点点麻烦呢，这里把实现分享下。

1、首先封装卡牌 CardCtrl.js

　　卡牌的touched属性即为触摸框选标记，selected属性为触摸结束所选择卡牌的标记。其他的牌面花色什么的这里不做处理。

/**
 * Created by skyxu on 2018/11/1.
 * 
 * 卡牌组件
 */

cc.Class({
    extends: cc.Component,

    properties: {
        spSelected: cc.Node,
        touched: {
            default: false,
            notify(){
                this.spSelected.active = this.touched;
            }
        },
        selected: {
            default: false,
            notify(){
                if (this.selected){
                    this.node.y += 20;
                } else{
                    this.node.y -= 20;
                }
            }
        },
       
    },

    // LIFE-CYCLE CALLBACKS:

    onLoad () {

    },

    start () {

    },

    // update (dt) {},
});

 

2、接着实现滑动选择组件 DragSelect.js

　　思路就是触摸滑动时画一个矩形，把和矩形有交集的卡牌都设为touched，触摸结束时把属性touched