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

最新推荐文章于 2025-03-08 15:29:13 发布
最新推荐文章于 2025-03-08 15:29:13 发布
阅读量3.1k 收藏 5
点赞数 3
文章标签： typescript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/zzlwei/article/details/124251595
版权
本文介绍了如何在CocosCreator中解决不规则点击区域的问题，通过使用cc.PolygonCollider组件创建自定义形状的点击区域，避免了常规点击区域的重叠问题。详细讲述了设置方法和坐标转化，确保点击判定准确无误，同时也解决了按钮遮挡背景监听的困扰。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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

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

最低0.47元/天 解锁文章
zzlwei
关注
【Cocos Creator】实现不规则区域点击
ReTuRnTrUe_的博客
05-29 1282
【代码】【Cocos Creator】实现不规则区域点击。
【cocos creator】TS监听不规则按钮点击事件，判断点在不规则区域内
04-19
综上所述，实现“TS监听不规则按钮点击事件，判断点在不规则区域内”的功能，需要掌握TypeScript编程、事件监听、几何算法、坐标系统转换以及性能优化等多个方面的知识。通过合理设计和编程，我们可以为Cocos ...
【cocos creator】【TS】监听不规则按钮点击事件，判断点在不规则区域内
烧仙草奶茶的博客
04-19 531
【代码】【cocos creator】【TS】监听不规则按钮点击事件，判断点在不规则区域内。
CocosCreator开发系列教程（七）：事件监听详解
最新发布
qq_42182650的博客
03-08 708
本章详细介绍Cocos Creator事件响应的相关内容
Cocos Creator实现不规则区域点击
随风丶逆风的博客
09-07 2604
本文讲述了集中cocos creator实现不规则图片区域点击的实现方法，并横向对比优劣，最终给出一个可能的最佳实践
cocos游戏: 不规则响应区域处理
weixin_30466421的博客
05-16 542
1、问题：平时使用的按钮之类的都是规则图形，但是有些比如一些世界地图之类的，地图块是不规则的，边缘都是弯弯曲曲的，而且有些有交叉，处理这样的点击块就比较麻烦了2、几点解决思路2.1 如果地图块之间有点间隙，或者距离不是很近，那么可以采用每个地图块中添加多个小的响应区域，做好标记，那几个响应区域对应那个地图，这样点击小地图块就是相当于点击对应的地图了，这种不容易做到精准，只能大致区域，因为地图边缘如...
cocos3.x创建不规则按钮
Have a nice day.
09-12 2833
1主要思路 用Image类的initWithImageFile()方法去初始化Image对象，在一开始时创建一次，用一个bool数组保存每个像素点是否透明度为0的信息。每次触发点击事件时，就根据这个数组的值来判断点击是否有效。IrregularButton类继承自Button类。 2详细设计 2.1成员变量 CC_SYNTHESIZE(int,m_iBtnID,iBtnID); i
cocos2d-x中 实现按钮不规则的点击效果
meizhili的博客
11-05 415
第一步： 新建一个cocos项目，找到cocos的源代码中的Widget，它在ui\base\UIWidget.h文件中，在Widget类的public中添加三个函数： virtual bool AlphaTouchCheck(const Vec2 &point); virtual bool getAlphaTouchEnable(); virtual void setAlphaTouch...
CocosCreator之KUOKUO带你做点击监听与距离检测
kuokuo666的博客
11-11 1501
本次引擎2.0.5 编辑工具VSCode 如遇不会某个步骤可以先过一遍之前教程，或者下方评论，感谢支持！   目标：单次点击角色移动与吃东西 还记得我们小时候拿着诺基亚之类的老手机玩着魔塔类游戏吗，我们按下方向键，角色就移动一格，然后碰到东西就吃了！今天我就来带大家实现这个小目标。 提前准备个图片（自己画的，没错，我是灵魂画手） 打开我们的项目文件夹： 别的我们先不管；看看这个...
cocos creator 不规则形状按钮
04-20
在Cocos Creator游戏开发中，创建不规则形状的按钮是一个常见的需求，这可以让游戏界面更加独特和富有创意。本文将详细介绍如何结合Gizmo工具来实现这一目标。 首先，了解Cocos Creator。Cocos Creator是一款全栈式...
Cocos Creator中实现TS监听不规则按钮点击事件方法
资源摘要信息:"在Cocos Creator中，使用TypeScript（TS）监听不规则按钮的点击事件，并判断点击是否发生在该不规则区域内，是一个相对高级的交互实现。Cocos Creator 2.4.6版本提供了强大的编辑器功能和脚本编程能力...
cocos3.x不规则按钮
09-12
我的其他资源都是免费的，是对于游戏初学者的帮助比较大的，其中有单片机，ARM，数据结构，window编程，MFC编程，cocos2dx，unity3d自己编写的小游戏。个人博客地址：http://blog.youkuaiyun.com/luoyikun。博客里详细的说明了项目的编写过程，和游戏开发实用技术。目前连载cocos植物大战僵尸教程中
不规则按钮 实现了不规则按钮的的点击区域 如果点击的地方是按钮的全透点 则不响应
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 ; [更多]
不规则区域点击事件处理
09-30
各个不规则区域分别做一张图，每张图都只有一种颜色（准确说是一定范围的颜色），并且每张图的大小都是一样的，颜色的位置相对效果图是一致的，其他用透明像素，这样做是为了方便贴图。然后点击的时候判断点击的颜色是否是透明就可以了，如果是透明那么不处理点击事件，如果不是透明那么需要处理事件。
cocos creator 实现A*寻路
06-30
- **监听鼠标事件**：在Cocos Creator中，可以设置鼠标点击事件监听器，当用户点击地图时获取点击位置。 - **计算路径**：将点击位置作为新的目标点，重新运行A*算法，更新路径并显示。 5. **优化与性能**： - *...
cocosCreator点击监听
weixin_42581109的博客
04-03 2890
点击自己触发、 onLoad() { this.registerEvent(); }, registerEvent() { //touchstart 可以换成cc.Node.EventType.TOUCH_START this.node.on('touchstart', this.onEventStart, this); }, onEventStart() { cc.lo...
Cocos Creator 下不规则按钮点击事件处理
BORN TO WIN
12-15 1430
先看一下测试效果 这是一种算法---射线法（判断点是否在区域内） （注意：我这里的顶点是逆时针填写的四个顶点数值） public rayCasting(p: cc.Vec2, poly: Array<cc.Vec2>) { var px = p.x, py = p.y, flag = false ...
cocos2d-x 不规则形状按钮的点击判定
weixin_30340775的博客
11-05 390
cocos2d-x 不规则形状按钮的点击判定 原理： 1.OpeGL ES提供了glReadPixels1函数，来获取当前framebuffer上的像素数据 2.cocos2d-x 提供了一个CCRenderTexture，它会帮我们初始化一块framebuffer 1.具体实现 CCRenderTexture outTexture; outTexture.initWithWidthAnd...
2020-09-24 cocos-js 监听区域点击事件
weixin_39894997的博客
09-24 184
模拟器 和手机上 scrollview在被拖动中 不能调用setContentOffset 会被自动屏蔽监听 需要先关闭scrollview 再监听 判断移动才OK 增加一个监听事件 监听bg范围 this.m_TouchListener = cc.eventManager.addListener( { event: cc.EventListener.TOUCH_ONE_BY_ONE, swallowTouches: false, onTouch.
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值