[]引擎示例中的新手引导自己写了一次,不知道为什么无法实现点击。
(function()
{
var guideSteps =
[
{
x: 151,
y: 575,
radius: 150,
tip: "../../res/guide/help6.png",
tipx: 200,
tipy: 250
},
{
x: 883,
y: 620,
radius: 100,
tip: "../../res/guide/help4.png",
tipx: 730,
tipy: 380
},
{
x: 1128,
y: 583,
radius: 110,
tip: "../../res/guide/help3.png",
tipx: 900,
tipy: 300
}
];
var Handler = Laya.Handler;
var Sprite = Laya.Sprite;
var HitArea = Laya.HitArea;
var step = 0;
Laya.init(1285, 727, Laya.WebGL);
var stage = Laya.stage;
var loader = Laya.loader;
stage.bgColor = "#00ffff";
stage.alignH = "center";
stage.alignW = "middle";
stage.scaleMode = "showall";
loader.load("../../res/guide/crazy_snowball.png", Handler.create(this, init));
function init(e) {
var width = stage.width;
var height = stage.height;
var bg = new Sprite();
stage.addChild(bg);
bg.texture = e;
bg.on("click", this, onClick);
var guideContainer = new Sprite();
stage.addChild(guideContainer);
guideContainer.mouseEnabled = true;
guideContainer.cacheAs = "bitmap";
var hitArea = new HitArea();
hitArea.hit.drawRect(0, 0, width, height, "#000000");
guideContainer.hitArea = hitArea;
var maskArea = new Sprite();
guideContainer.addChild(maskArea);
maskArea.graphics.drawRect(0, 0, width, height, "#000000");
maskArea.alpha = 0.5;
var interactionArea = new Sprite();
guideContainer.addChild(interactionArea);
interactionArea.blendMode = "destination-out";
var tipContainer = new Sprite();
stage.addChild(tipContainer);
onClick();
function onClick() {
var guide = guideSteps[step++];
interactionArea.graphics.clear();
interactionArea.graphics.drawCircle(guide.x, guide.y, guide.radius, "#000000");
hitArea.unHit.clear();
hitArea.unHit.drawRect(guide.x, guide.y, guide.radius, "#000000");
tipContainer.graphics.clear();
tipContainer.loadImage(guide.tip);
tipContainer.pos(guide.tipx, guide.tipy);
}
}
})();
{
var guideSteps =
[
{
x: 151,
y: 575,
radius: 150,
tip: "../../res/guide/help6.png",
tipx: 200,
tipy: 250
},
{
x: 883,
y: 620,
radius: 100,
tip: "../../res/guide/help4.png",
tipx: 730,
tipy: 380
},
{
x: 1128,
y: 583,
radius: 110,
tip: "../../res/guide/help3.png",
tipx: 900,
tipy: 300
}
];
var Handler = Laya.Handler;
var Sprite = Laya.Sprite;
var HitArea = Laya.HitArea;
var step = 0;
Laya.init(1285, 727, Laya.WebGL);
var stage = Laya.stage;
var loader = Laya.loader;
stage.bgColor = "#00ffff";
stage.alignH = "center";
stage.alignW = "middle";
stage.scaleMode = "showall";
loader.load("../../res/guide/crazy_snowball.png", Handler.create(this, init));
function init(e) {
var width = stage.width;
var height = stage.height;
var bg = new Sprite();
stage.addChild(bg);
bg.texture = e;
bg.on("click", this, onClick);
var guideContainer = new Sprite();
stage.addChild(guideContainer);
guideContainer.mouseEnabled = true;
guideContainer.cacheAs = "bitmap";
var hitArea = new HitArea();
hitArea.hit.drawRect(0, 0, width, height, "#000000");
guideContainer.hitArea = hitArea;
var maskArea = new Sprite();
guideContainer.addChild(maskArea);
maskArea.graphics.drawRect(0, 0, width, height, "#000000");
maskArea.alpha = 0.5;
var interactionArea = new Sprite();
guideContainer.addChild(interactionArea);
interactionArea.blendMode = "destination-out";
var tipContainer = new Sprite();
stage.addChild(tipContainer);
onClick();
function onClick() {
var guide = guideSteps[step++];
interactionArea.graphics.clear();
interactionArea.graphics.drawCircle(guide.x, guide.y, guide.radius, "#000000");
hitArea.unHit.clear();
hitArea.unHit.drawRect(guide.x, guide.y, guide.radius, "#000000");
tipContainer.graphics.clear();
tipContainer.loadImage(guide.tip);
tipContainer.pos(guide.tipx, guide.tipy);
}
}
})();
没有找到相关结果
已邀请:
要回复问题请先登录
1 个回复
Monica - 知识达人
赞同来自: