CocosCreator實現(xiàn)不規(guī)則的點擊區(qū)域監(jiān)聽

開發(fā)一個農(nóng)場小游戲，用常規(guī)的點擊區(qū)域，會產(chǎn)生點擊區(qū)域重疊問題。（展示的圖片是已經(jīng)調(diào)整為cc.PolygonCollider方法之后）

查詢網(wǎng)上的方法，大部分是把節(jié)點變?yōu)?d就可以調(diào)節(jié)點擊區(qū)域，但不知道為什么，區(qū)域已經(jīng)如圖所示，但是我所點擊的土地會偏移到上面那塊土地，這個問題由于項目時間緊張就沒有去深究。還有農(nóng)場常見的是可以拖動土地背景的，用普通的掛載辦法，button會遮擋住背景的監(jiān)聽，所以又找到了這個辦法，使用cocos自帶的碰撞組件：cc.PolygonCollider，用這個組件來劃定區(qū)域，判定點擊的落點是否在區(qū)域內(nèi)，要注意轉(zhuǎn)化成世界坐標再進行判斷。

Editing勾選之后，可以手動調(diào)節(jié)每個點的位置來框選圖形，就像ps里的多邊形套索工具。points就是幾個點。

設(shè)置完成之后，腳本里可以判定我點擊的落點是否在區(qū)域內(nèi)。(這里在其他腳本給farmbg添加了拖動，就不在這里寫出了)

//stopPropagation()阻止事件冒泡this.farmbg.on(cc.Node.EventType.TOUCH_MOVE, (touch) => {touch.stopPropagation();}, this);//this.farmbg.on(cc.Node.EventType.TOUCH_END, (touch) => {for (let i = 0; i < 15; i++) {if (this.polygonHitTest(i, touch.getLocation()) == true) {console.log("落點在區(qū)域內(nèi)")；}}}, this);//此方法判定是否在區(qū)域內(nèi)，返回的值為true或false，因為我這土地有15塊所以要分開進行判斷，直到找到正確的點擊到的土地。//cc.Intersection.pointInPolygon()是測試一個點是否在一個多邊形的方法。//point為點擊的落點的世界坐標，polygonCollider.points則是 polygonCollider組件points圍成的多邊形范圍。polygonHitTest(i, point) {var polygonCollider = this.landsButton[i].getComponent(cc.PolygonCollider);point = this.landsButton[i].convertToNodeSpaceAR(point);return cc.Intersection.pointInPolygon(point, polygonCollider.points);}

這樣就避免的button組件覆蓋住底下大背景的監(jiān)聽，以及可以準確點擊到需要的土地區(qū)域。

總結(jié)

以上是生活随笔為你收集整理的CocosCreator实现不规则的点击区域监听的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。