Cocos2d实现刮刮卡效果
本文实例为大家分享了Cocos2d实现刮刮卡效果展示的具体代码,供大家参考,具体内容如下
本文代码适用于Cocos2d-x Quick-Community3.6
localTestScene=class("TestScene",function() returndisplay.newScene("TestScene") end) functionTestScene:ctor() end functionTestScene:onEnter() self:initUI() end functionTestScene:initUI() --刮刮卡底层容器 localscratchLayer=display.newLayer() scratchLayer:setContentSize(self:getBoundingBox()) self:addChild(scratchLayer) scratchLayer:setTouchEnabled(true) scratchLayer:setTouchMode(cc.TOUCH_MODE_ONE_BY_ONE) --创建RenderTexture localscratch=cc.RenderTexture:create(scratchLayer:getBoundingBox().width,scratchLayer:getBoundingBox().height) scratch:setPosition(scratchLayer:getBoundingBox().width/2,scratchLayer:getBoundingBox().height/2) scratch:retain() --需要被挂掉的精灵本文以纯白背景代替 localbg=cc.Sprite:createWithTexture(nil,cc.rect(0,0,scratchLayer:getBoundingBox().width,scratchLayer:getBoundingBox().height)) bg:setColor(cc.c3b(255,255,255)) bg:setPosition(scratchLayer:getBoundingBox().width/2,scratchLayer:getBoundingBox().height/2) --渲染 scratch:begin() bg:visit() scratch:endToLua() scratchLayer:addChild(scratch) --利用DrawNode创建模拟的刮除媒介 localeraser=cc.DrawNode:create() --刮除媒介是个圆半径为20具体可自行定义 localr=20 eraser:drawSolidCircle(cc.p(0,0), r, 0, r, 1, 1, cc.c4f(0,0,0,0) ) eraser:retain() --开始添加触摸事件 scratchLayer:addNodeEventListener(cc.NODE_TOUCH_EVENT,function(event) --首先把点击区域刮除 eraser:setPosition(event.x,event.y) eraser:setBlendFunc(gl.ONE,gl.ZERO) scratch:begin() eraser:visit() --[[ 重点:因为点击事件回调次数限制,如果没有下面处理, 当我们快速在屏幕上滑动的时候调用次数不够,会产生一个一个刮除点 而中间并没有刮除。 以下代码为刮除两次移动中间矩形区域 ]] localisEnded=false ifevent.name~="began"then iferaser.lastPosthen --矩形宽高 localwidth=self:getP2PDis(event,eraser.lastPos) localheight=2*r --矩形中点 localmidPos=cc.p((event.x+eraser.lastPos.x)/2,(event.y+eraser.lastPos.y)/2) --旋转角度 localrotate=self:getP2PAngle(eraser.lastPos,event) --矩形刮除媒介 localpolygonEraser=cc.DrawNode:create() localpoints={ cc.p(-width/2,-height/2), cc.p(-width/2,height/2), cc.p(width/2,height/2), cc.p(width/2,-height/2) } polygonEraser:drawPolygon(points,{ fillColor=cc.c4f(0,0,0,0), borderWidth=1, borderColor=cc.c4f(0,0,0,0), }) --刮除矩形区域 polygonEraser:setRotation(-rotate) polygonEraser:setPosition(midPos) polygonEraser:setBlendFunc(gl.ONE,gl.ZERO) polygonEraser:visit() scratch:endToLua() isEnded=true end end ifnotisEndedthen scratch:endToLua() end eraser.lastPos=cc.p(event.x,event.y) ifevent.name=="ended"then eraser.lastPos=nil end returntrue end) end --两点间距 functionTestScene:getP2PDis(p1,p2) localx=p1.x-p2.x localy=p1.y-p2.y returnmath.abs(math.sqrt(math.pow(x,2)+math.pow(y,2))) end --两点连接线倾斜角度 functionTestScene:getP2PAngle(p1,p2) localx=p1.x-p2.x localy=p1.y-p2.y return180*(math.atan2(y,x)/math.pi) end returnTestScene
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。