Cocos Creator 滑动选择节点

本文介绍如何在Cocos Creator中创建滑动选择节点的功能,用于游戏开发,如斗地主中选择手牌。通过自定义DragChoose组件,用TypeScript编写,配合Layout组件使用,实现滑动时选择鼠标覆盖的节点,被选中节点会呈现灰色效果。提供使用示例和GitHub链接供参考。
摘要由CSDN通过智能技术生成

功能需求

Cocos Creator 开发斗地主,滑动选取手上的手牌
问题:Cocos Creator没有滑动选取节点的组件,于是自己造轮子
说明:DragChoose组件用于在多个节点上滑动时,选择鼠标滑动区域内的节点,由于Cocos Creator 支持TypeScript,所以该组件由TypeScript语言编写,需要配合Layout组件使用,可以直接挂在相应的Node节点上

使用示例

扑克根节点上需要挂上Layout组件,对子节点下的扑克牌进行排列
在这里插入图片描述
选择扑克,被选中的变成灰色

let dragChoose = this.node.addComponent(DragChoose)
dragChoose.OnMoving = (nodes) => {
	for (let index = 0; index < nodes.length; index++)
	 {		
		const poker = nodes[index];
		// poker 变成灰色
	}
}

选择扑克结束,扑克弹起

let dragChoose = this.node.addComponent(DragChoose)
dragChoose.OnEnd = (nodes) => {
    for (let index = 0; index < nodes.length; index++) {
        const poker = nodes[index];
        // poker 弹起
    }
}

组件代码

const { ccclass, property } = cc._decorator;
@ccclass
export default class DragChoose extends cc.Component {
    editor: {
        executeInEditMode: true,
        requireComponent: cc.Layout,
    }
    publ
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值