我是靠谱客的博主 鳗鱼刺猬,最近开发中收集的这篇文章主要介绍html5图片透明区域点击穿透,Cocos Creator 实现点击透明区穿透的解决方案,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

[TOC]

前言

最近有初学CocosCreator的小伙伴问到一个点击穿透的问题,正好整理些方案一起来看下。通常在制作课件的过程中,会遇到点击或拖拽多边图形的需求,很多时候就会不可避免的遇到一个问题:两个图形的叠加在了一起。比如A和B两个Sprite,我们会发现,层级高的会被点击,但想点击下方的B,却始终或者无法精准的点到B,这跟cocos本身的点击机制有关。

有什么办法可以解决这个问题吗? 答案肯定是有的,接下来就一起看下几种解决方案。

一、知识准备

通过修改节点的_hitTest函数即可快速的达到我们想要的效果,对于刚接触cocos的开发者来说,可能对这个不是很熟悉,因为官方原本也没有直接暴露这个方法给外部使用,算是私有方法。为了让大家更清晰的了解我们接下来要说的内容,还是先把_hitTest函数做一下讲解,在CCNode.js文件中我们可以找到相关代码段(官方源码是没有注释的):// 使用_hitTest的地方(省略了部分代码段)

var _touchStartHandler = function (touch, event) {

...

if (node._hitTest(pos, this)) {

...

return true;

}

return false;

};

...

/**

* @param point 触发的坐标点位置

* @param listener 节点本身

*/

_hitTest (point, listener) {

最后

以上就是鳗鱼刺猬为你收集整理的html5图片透明区域点击穿透,Cocos Creator 实现点击透明区穿透的解决方案的全部内容,希望文章能够帮你解决html5图片透明区域点击穿透,Cocos Creator 实现点击透明区穿透的解决方案所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(28)

评论列表共有 0 条评论

立即
投稿
返回
顶部