[]刮刮卡效果实现

如果更好方法 谢谢评论告知。
UI 编辑器 如下
yyyyyy.png

代码如下
  var interactionArea;
var ape;
var mouseX = 0;

_proto.onInit = function(){

this.guaSpr.cacheAs = "bitmap";
ape = new Sprite();
this.guaSpr.addChild(ape);
ape.loadImage("WBSign/img_guakaituceng.png");
ape.on(Event.MOUSE_MOVE, this, onMouseMove);

interactionArea = new Sprite();
interactionArea.blendMode = "destination-out";
ape.addChild(interactionArea);
interactionArea.graphics.clear();

}


function onMouseMove(e)
{
if(mouseX!=0){
if(Math.abs(mouseX-ape.mouseX)>= 360){ //滑动超过多少距离 自动开奖
ape.visible = false;
mouseX = ape.mouseX;
}
}else{
mouseX = ape.mouseX;
}
interactionArea.graphics.drawCircle(ape.mouseX, ape.mouseY, 20, "#000000");
}

效果如下
heo.png

 
已邀请:

cuixueying

赞同来自:

谢谢分享,很棒!

sangya

赞同来自:

这个怎么判断已经滑出的面积?来判断是否已经可以显示奖品

1643501465用户

赞同来自:

请问华为mate 20 pro使用bitmap卡顿有遇到过吗

要回复问题请先

商务合作
商务合作