cocos creator制作新手引导操作界面

CocosCreator 引擎中 层级编辑器 和场景编辑器 如下图

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

使用规则是: 新建一个maskNode节点 为此节点添加js脚本 测试结果是 点击button 有相应 点击2(也是一个button) 不响应

cc.Class({
extends: cc.Component,

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

onLoad() {
this.node.width = this.node.height = 10000;
this.node.on(cc.Node.EventType.TOUCH_START, this.onTouchBg, this);
},

onTouchBg(event) {
let point = event.getLocation();
let retWord = this.circleNode.getBoundingBoxToWorld();
let space = 40;
retWord.width -= space;
retWord.width = retWord.width <= 0 ? 0 : retWord.width;
retWord.height -= space;
retWord.height = retWord.height <= 0 ? 0 : retWord.height;
if (retWord.contains(point)) {
this.node._touchListener.setSwallowTouches(false);
} else {
this.node._touchListener.setSwallowTouches(true);
}
},
});

———————

点击查看原文

未经允许不得转载:cocos集中营 » cocos creator制作新手引导操作界面
微信公众号:zs40086
免vip看全网视频,抢先福利电影啥都有!
10000人已关注
分享到:
赞(1) 打赏