CocosCreator之KUOKUO分享脚本小插件-拖拽式 touch 事件

最新推荐文章于 2023-03-13 15:50:18 发布
最新推荐文章于 2023-03-13 15:50:18 发布
阅读量756 收藏 2
点赞数
分类专栏： CocosCreator脚本小插件 文章标签： CocosCreator 脚本 游戏开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kuokuo666/article/details/93200994
版权
  • 引擎版本 v2.0.x
  • 代码编辑器 Vscode
背景

不知你有没有和我一样，每次开发 touch 需求时都要声明节点，然后写下监听呢？

this.node.on.....

我们为何不利用组件化、事件分发提前封装好呢！

演示

在一个节点下的写下事件名。同 Button 组件。
在这里插入图片描述
在一个节点上添加 touch-events 组件
在这里插入图片描述

事件是数组类型，可添加无限多个。我对四个 touch 事件都各添加一个。

在这里插入图片描述
测试

在这里插入图片描述

总结

可以不用全写上，自定义所需。

脚本分享：

https://github.com/KuoKuo666/MyComponent

O(∩_∩)O~~

KUOKUO众享
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 1
    评论
专栏目录
Cocos Creator | Slider 扩展滑块拖拽事件及当前进度展示
Valiancer
11-22 4694
01 效果演示 上方：扩展的滑块组件及其状态显示 下方：默认的滑块组件及其状态显示 扩展的滑块组件支持拖拽开始/拖拽/拖拽结束事件的回调，同时也扩展了当前进度的展示 02 使用方法 直接将 SliderEx预制件放在需要的地方 声明 SliderEx 的变量 @property(SliderEx)sliderEx: SliderEx = null; 在代码中注册拖拽事件回调 this.sliderEx.handleDragStart((pr...
Cocos lua给控件创建触摸事件处理
书生的博客
08-03 405
Cocos lua给控件创建触摸事件处理 1.单点触摸 --测试代码,新增Label local txt_label = cc.LabelTTF:create("测试触摸","Courier",50); txt_label:addTo(self) txt_label:setPosition(yl.WIDTH/2,yl.HEIGHT/2 - 100); self.txt_label = txt_label --单点触摸监听 local txtli
cocos 触控拖拽移动
qq_37011713的博客
11-11 1030
cocos creator 触控事件
点击物体拖拽脚本Unity
weixin_44047050的博客
03-13 80
【代码】点击物体拖拽脚本Unity。
【Cocos Creator 实战】01 - 如何做一款简单的拼图游戏
热门推荐
Bottle's Blog
09-11 5万+
文章目录前言什么是 Cocos Creator本篇文章的目的开发环境项目资源开搞思路项目概览核心代码效果总结知识点不足 前言 什么是 Cocos Creator 以下内容引自 Cocos Creator 官网： Cocos Creator 是一个完整的游戏开发解决方案，包括了 cocos2d-x 引擎的 JavaScript 实现（不需要学习一个新的引擎），以及能让你更快速开发游戏所需要的各种图...
CocosCreator3D小项目躲避方块
02-06
使用CocosCreator最新版本v2.1.0进行开发的Demo。适用于初学者进行学习研究。里面使用了两个fbx模型，一个球，一个方块。
CocosCreator模拟数码管小项目v2.0.5
02-06
使用CocosCreator引擎，版本v2.0.5。自己制作的模拟数码管显示的一个小项目。适用于初学者，对编程很有帮助。语言JavaScript
CocosCreator最新版本2.1.1学习Demo跳一下
05-19
使用CocosCreator最新3D版本2.1.1进行的一个小demo开发跳一下。演示地址在博客里，欢迎支持！
CocosCreator之小小PK帧动画学习
04-05
CocosCreatorV2.0.5 有配套的CSDN博文，新手入门学习必备。
leetcode1004-kuokuo_leecode:kuokuo_leecode
07-01
leetcode 1004 继续思考，继续生活 直到 2019-03-07 12:29:05，我已经解决了0 / 953问题，而140仍然被锁定。 完成统计： JavaScript：0 Python：0 C++：0 Java：0 笔记： :locked: 意味着你需要从 ...去做
上传8个cocos creator实用的小插件
07-03
上传8个cocos creator实用的小插件，上传8个cocos creator实用的小插件
u3d拖拽旋转缩放模型脚本
09-14
u3d拖拽旋转缩放模型脚本： 拖放到要操作的模型即可 拖放到要操作的模型即可
cocos creator游戏合集：五子棋、2048、拼图、俄罗斯方块、连连看、打砖块等。
04-17
cocos creator游戏合集，里面有五子棋、2048、拼图、俄罗斯方块、连连看、打砖块等。方便学习cocos跨平台游戏的开发，学习提高游戏编程的逻辑能力。
让网页上的内容随意拖拽的脚本源代码
12-12
这个Javascript脚本，可以让你随意在网页上拖拽内容，比如一个DIV或者是一个图片等等，另外，还可以用COOKIES记住每次用户拖拽后的位置。 配置网页成为可以拖拽到脚本： <img src="images/image1.jpg" style="float:left" class="dragableElement"> <div id="keyText" class="dragableElement">You can drag this box as well as the images on this page</div> 配置客户端记住拖拽后的位置： <script type="text/javascript"> var rememberPositionedInCookie = true; var rememberPosition_cookieName = 'demo'; </script>
Cocos Creator 开发拼图和华容道视频教程（从软件安装到最终打出游戏安装包APk）
03-07
本课程以实战为主，游戏中需要什么功能，我们就讲解相应的知识点，这样学到的知识会马上用起来也就不会枯燥。本课程讲解相当完整，从最基础的软件安装开始，到最后打出安卓apk，一套完整的课程讲解。购买了本课程，可以在课件下载一栏，下载本课程中所用到的软件开发的安装包，和每一课时相关的完整项目。
CocosCreator实现不规则的点击区域监听
zzlwei的博客
04-18 2854
CocosCreator实现不规则的点击区域监听 开发一个农场小游戏，用常规的点击区域，会产生点击区域重叠问题。（展示的图片是已经调整为cc.PolygonCollider方法之后） 查询网上的方法，大部分是把节点变为3d就可以调节点击区域，但不知道为什么，区域已经如图所示，但是我所点击的土地会偏移到上面那块土地，这个问题由于项目时间紧张就没有去深究。还有农场常见的是可以拖动土地背景的，用普通的挂载办法，button会遮挡住背景的监听，所以又找到了这个办法，使用cocos自带的碰撞组件：cc.Polygo
cocos creator 牌点击和拖拽事件
chuYuanZhang的博客
04-09 3169
this.myCards是所有手牌数组 里面存的Sprite //牌滑动事件and 点击事件 cardTouch() { this.isMove = false var self = this for (let i = 0; i < this.myCards.length; i++) { this.myCards[i].node.on(cc.Node.EventType.TOUCH_S...
CocosCreator学习5：实现物体拖动
慢慢积累
04-28 1万+
今天来学习一下如何实现物体拖动。 通过CocosCreator内置的cc.Node.EventType.MOUSE_MOVE鼠标事件实现，其返回参数为鼠标的坐标值delta.x，delta.y。将节点的位置坐标x、y等于鼠标事件返回的坐标值delta.x，delta.y即可实现物体的拖动。脚本代码如下：cc.Class({ extends: cc.Component, propert
cocoscreator实现拖动节点移动
一只木子李
04-09 8264
cc.Class({ extends: cc.Component, properties: { }, // LIFE-CYCLE CALLBACKS: onLoad () { this.node.on(cc.Node.EventType.TOUCH_START,function(t){ console.log("触摸开始"); },this) ...
cocos creator 设计模式
最新发布
07-28
- *1* [CocosCreator进阶实战第四部分：工厂模式](https://blog.csdn.net/kuokuo666/article/details/103722679)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

KUOKUO众享

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值