CocosCreator实现不规则的点击区域监听

最新推荐文章于 2024-06-03 11:30:47 发布
最新推荐文章于 2024-06-03 11:30:47 发布
阅读量2.9k 收藏 4
点赞数 3
文章标签： typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zzlwei/article/details/124251595
版权

CocosCreator实现不规则的点击区域监听

开发一个农场小游戏，用常规的点击区域，会产生点击区域重叠问题。（展示的图片是已经调整为cc.PolygonCollider方法之后）
如图点击区域会重叠
查询网上的方法，大部分是把节点变为3d就可以调节点击区域，但不知道为什么，区域已经如图所示，但是我所点击的土地会偏移到上面那块土地，这个问题由于项目时间紧张就没有去深究。还有农场常见的是可以拖动土地背景的，用普通的挂载办法，button会遮挡住背景的监听，所以又找到了这个办法，使用cocos自带的碰撞组件：cc.PolygonCollider，用这个组件来划定区域，判定点击的落点是否在区域内，要注意转化成世界坐标再进行判断。
cc.PolygonCollider组件的使用
Editing勾选之后，可以手动调节每个点的位置来框选图形

最低0.47元/天 解锁文章
zzlwei
关注
  • 3
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
【Cocos Creator】实现不规则区域点击
ReTuRnTrUe_的博客
05-29 863
【代码】【Cocos Creator】实现不规则区域点击。
不规则按钮 实现了不规则按钮的的点击区域 如果点击的地方是按钮的全透点 则不响应
06-21
WinUI的按钮实现为CWUIBtnAnoma 此示例提供以下功能: 点击了按钮的全透区时 按钮不响应 点击消息继续往下传 实现的方法 请阅读以下函数: BYTE CWUIBtnAnoma::GetCurPointAlpha POINT point { BYTE byteAlpha 255; CWidgetCommand cmdWdg this ; RECT rc; GetWindowRect rc ; RECT rcDraw {point x point y point x+1 point y+1}; PCWUIBitmap pBits CWUIDriBitmap::NewBitMap 1 1 32 true true ; if pBits { pBits >ResetAllAlpha 0 ; pBits >SetAlphaValid true ; cmdWdg DrawWidgetToBuf pBits &rcDraw ; DWORD pCurBitMap DWORD pBits >GetBits ; if pCurBitMap { byteAlpha pCurBitMap >>24; } delete pBits; pBits NULL; } return byteAlpha; } 通过此函数获得当前点击的点在此按钮的图层中的透明度 如果透明度为0 说明点击的点在此按钮中为全透 不进行响应">WinUI的按钮实现为CWUIBtnAnoma 此示例提供以下功能: 点击了按钮的全透区时 按钮不响应 点击消息继续往下传 实现的方法 请阅读以下函数: BYTE CWUIBtnAnoma::GetCurPointAlpha POINT point { BYTE byteAlpha 255; CWidgetCommand cmdWdg this ; [更多]
cocos creator 不规则形状按钮
04-20
结合Gizmo实现的不规则按钮制作方法，有需要的同学可以下载本资源，希望对你有所帮助。
【cocos sreator】判定多边形和多边形相交
最新发布
烧仙草奶茶的博客
06-03 204
【代码】【cocos sreator】判定多边形和多边形相交。
cocos游戏: 不规则响应区域处理
weixin_30466421的博客
05-16 489
1、问题：平时使用的按钮之类的都是规则图形，但是有些比如一些世界地图之类的，地图块是不规则的，边缘都是弯弯曲曲的，而且有些有交叉，处理这样的点击块就比较麻烦了2、几点解决思路2.1 如果地图块之间有点间隙，或者距离不是很近，那么可以采用每个地图块中添加多个小的响应区域，做好标记，那几个响应区域对应那个地图，这样点击小地图块就是相当于点击对应的地图了，这种不容易做到精准，只能大致区域，因为地图边缘如...
CocosCreator之KUOKUO带你做点击监听与距离检测
kuokuo666的博客
11-11 1421
本次引擎2.0.5 编辑工具VSCode 如遇不会某个步骤可以先过一遍之前教程，或者下方评论，感谢支持！   目标：单次点击角色移动与吃东西 还记得我们小时候拿着诺基亚之类的老手机玩着魔塔类游戏吗，我们按下方向键，角色就移动一格，然后碰到东西就吃了！今天我就来带大家实现这个小目标。 提前准备个图片（自己画的，没错，我是灵魂画手） 打开我们的项目文件夹： 别的我们先不管；看看这个...
cocosCreator点击监听
weixin_42581109的博客
04-03 2814
点击自己触发、 onLoad() { this.registerEvent(); }, registerEvent() { //touchstart 可以换成cc.Node.EventType.TOUCH_START this.node.on('touchstart', this.onEventStart, this); }, onEventStart() { cc.lo...
Cocos Creator实现不规则区域点击
随风丶逆风的博客
09-07 2123
本文讲述了集中cocos creator实现不规则图片区域点击的实现方法，并横向对比优劣，最终给出一个可能的最佳实践
【cocos creator】TS监听不规则按钮点击事件，判断点在不规则区域内
04-19
综上所述，实现“TS监听不规则按钮点击事件，判断点在不规则区域内”的功能，需要掌握TypeScript编程、事件监听、几何算法、坐标系统转换以及性能优化等多个方面的知识。通过合理设计和编程，我们可以为Cocos ...
Cocos Creator 3.4.2 实现滚动数字效果
04-18
在Cocos Creator 3.4.2中，实现滚动数字效果是通过组合使用基本组件、动画和编程逻辑来完成的。这个过程涉及到多个关键知识点，包括但不限于以下几点： 1. **Cocos Creator 3.4.2框架**： Cocos Creator是一个强大...
cocoscreator 实现的 开心消消乐
11-03
《cocoscreator 实现的 开心消消乐》是一款基于Cocos Creator 1.8版本开发的三消类休闲游戏，其设计与实现充分展示了Cocos Creator在游戏开发中的强大功能和灵活性。作为一款广受欢迎的游戏类型，三消游戏的核心在于...
cocos creator为事件加上监听的两种处理方式
11-28
总结，Cocos Creator提供了两种主要的事件监听机制，`cc.Class.prototype.on` 和 `cc.EventTarget.addListener`，两者都可以有效地帮助开发者实现游戏逻辑。选择哪种方式取决于具体的需求和场景，但重要的是理解每种...
2020-09-24 cocos-js 监听区域点击事件
weixin_39894997的博客
09-24 151
模拟器 和手机上 scrollview在被拖动中 不能调用setContentOffset 会被自动屏蔽监听 需要先关闭scrollview 再监听 判断移动才OK 增加一个监听事件 监听bg范围 this.m_TouchListener = cc.eventManager.addListener( { event: cc.EventListener.TOUCH_ONE_BY_ONE, swallowTouches: false, onTouch.
Cocos Creator组件化开发之——地图类缩放拖动点击组件
faker_in_c的博客
12-11 4012
“好记性不如烂笔头，记录开发过程中的点点滴滴”——xshu “书写是对思维的缓存” ——佚名 进入正题 在游戏开发过程中经常会遇到渲染元素的尺寸大于你所能展示的区域，需要玩家自行进行操作、拖动以及点击，比如地图通常会超出玩家所示区域，这个时候需要一个能够缩放、拖动以及点击的组件来完成这个需求。 1.效果展示 先来看看实际效果（由于电脑无法操作双指缩...
cocos3.x创建不规则按钮
Have a nice day.
09-12 2758
1主要思路 用Image类的initWithImageFile()方法去初始化Image对象，在一开始时创建一次，用一个bool数组保存每个像素点是否透明度为0的信息。每次触发点击事件时，就根据这个数组的值来判断点击是否有效。IrregularButton类继承自Button类。 2详细设计 2.1成员变量 CC_SYNTHESIZE(int,m_iBtnID,iBtnID); i
cocos creator 小游戏区域截图功能实现
weixin_30822451的博客
07-24 728
截图是游戏中非常常见的一个功能，在cocos中可以通过摄像机和 RenderTexture 可以快速实现一个截图功能，具体API可参考：https://docs.cocos.com/creator/manual/zh/render/camera.html?h=%E6%88%AA%E5%9B%BE，其中官方也提供了比较完整的例子。 实际上不用官网提供的全屏截图的例子，一般在网页中我们也能...
【游戏客户端】富文本实现“部分区域”点击事件
Lampard的博客
01-14 3240
【游戏客户端】富文本实现“部分区域”点击事件 之前的博客中，我和大家分享了如何做： 商业化的充值活动 ：【商业化充值活动博客】 抽卡系统：【抽奖，抽卡系统博客】 装备系统：【装备系统博客】 红点系统：【红点系统博客】 商店&拍卖系统：【商店&拍卖系统】 UI环绕特效：【UI环绕特效】 实现刮刮乐效果：【实现刮刮乐效果】 实现卡牌翻转效果：【实现卡牌反转效果】 实现剧情对话：【实现剧情对话效果】 实现小地图系统：【小地图系统】 实现裁剪效果：【实现游戏裁...
Cocos2d-x 基本操作+事件监听+调试技巧+常见问题
HYY的博客
05-03 6634
本节将分享一些 1. Cocos2dx开发中VS（通用）基本操作 2. 常见问题的Debug操作（非断点调试） Cocos2d-x 版本：3.17.2 目录 一. 基本操作 1. 快速查看对应的函数声明（Ctrl+点击） 2. 快速查找/替换（Ctrl+F） 3. 查看所有引用（Fn+Shift+F12） 4. 格式化输出 5. 监听事件 点击按钮触发 鼠标点击事件 键盘事件 二. 常见问题 1. Debug常规操作 编译时出错 运行时出错 控制变量+日志输出 ..
【CocosCreator入门】CocosCreator组件 | Collider（碰撞）组件
看世界，也找自己
05-12 3545
Cocos Creator是一款流行的游戏开发引擎，具有丰富的组件和工具，其中碰撞系统组件是该引擎的重要组成部分。该组件可用于检测游戏中各个元素之间的碰撞，例如玩家角色与敌人、子弹与障碍物等。
CocosCreator 实现全屏点击效果且不影响事件穿透
05-28
想要实现全屏点击效果且不影响事件穿透，可以使用 Cocos Creator 中的全局事件监听器（EventSystem）来实现。 具体步骤如下： 1. 在场景中创建一个空节点，并将其命名为 EventSystem。 2. 将 EventSystem 节点的组件属性中的 Enable Touch 和 Enable Mouse 勾选上，使其支持触摸和鼠标事件。 3. 在 EventSystem 节点上添加一个全局事件监听器（Global Event Listener）组件，并设置监听器的事件类型为 Touch End。 4. 在全局事件监听器的属性中添加一个回调函数，用于处理全屏点击事件。在回调函数中，可以获取到触摸事件的坐标，并根据坐标做出相应的操作。 以下是一个示例代码： ```javascript cc.systemEvent.on(cc.SystemEvent.EventType.TOUCH_END, (event) => { let touchPos = event.getLocation(); // 在这里处理全屏点击事件 }); ``` 在这个示例中，我们在全局事件监听器中监听了 Touch End 事件，并在回调函数中获取了触摸事件的坐标。根据坐标可以实现全屏点击效果，而且不会影响事件的穿透。 需要注意的是，如果在全屏点击事件的处理过程中需要阻止事件的传递，可以通过调用 event.stopPropagation() 方法实现。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值