CocosCreator 新手引导圆圈圈中部分能点击，圈外点击无效

CocosCreator新手引导：实现点击圆圈内生效，圈外无效

原创

于 2018-01-03 11:02:27 发布 · 7.3k 阅读

CC 4.0 BY-SA版权

本文介绍了在CocosCreator中制作游戏新手引导时遇到的问题，即如何设置遮罩使得只有圆形区域内点击能穿透到按钮，圆圈外部点击无效。作者分享了实现这一功能的代码片段，虽然代码理解难度较高，但最终实现了预期效果。

上周做了一个游戏新手引导，规则是在游戏上添加遮罩，圈中的地方点击会穿透到相应的按钮上，其余部分阻止穿透，本人级别低，没做出来，请教了一下公司的大神，不过代码依然没看懂，但是能用

脚本代码如下

cc.Class({
    extends: cc.Component,

    properties: {
        circleNode: {displayName: "圈圈", default: null, type: cc.Node},

新学期VIP享超值加赠

CocosCreator 新手引导 圆圈圈中部分能点击 ，圈外点击无效