Cocos2d实现刮刮卡效果
网络编程 2021-07-04 16:47www.168986.cn编程入门
这篇文章主要为大家详细介绍了Cocos2d实现刮刮卡效果,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
本文实例为大家分享了Cocos2d实现刮刮卡效果展示的具体代码,供大家参考,具体内容如下
本文代码适用于Cocos2d-x Quick-Community3.6
local TestScene = class("TestScene", function() return display.newScene("TestScene") end) function TestScene:ctor() end function TestScene:onEnter() self:initUI() end function TestScene:initUI() --刮刮卡底层容器 local scratchLayer = display.newLayer() scratchLayer:setContentSize(self:getBoundingBox()) self:addChild(scratchLayer) scratchLayer:setTouchEnabled(true) scratchLayer:setTouchMode(.TOUCH_MODE_ONE_BY_ONE) --创建RenderTexture local scratch = .RenderTexture:create(scratchLayer:getBoundingBox().width,scratchLayer:getBoundingBox().height) scratch:setPosition(scratchLayer:getBoundingBox().width/2,scratchLayer:getBoundingBox().height/2) scratch:retain() --需要被挂掉的精灵 本文以纯白背景代替 local bg = .Sprite:createWithTexture(nil, .rect(0,0 , scratchLayer:getBoundingBox().width,scratchLayer:getBoundingBox().height)) bg:setColor(.c3b(255,255,255)) bg:setPosition(scratchLayer:getBoundingBox().width/2,scratchLayer:getBoundingBox().height/2) --渲染 scratch:begin() bg:visit() scratch:endToLua() scratchLayer:addChild(scratch) --利用DrawNode创建模拟的刮除媒介 local eraser = .DrawNode:create() --刮除媒介是个圆 半径为20 具体可自行定义 local r = 20 eraser:drawSolidCircle(.p(0,0), r, 0, r, 1, 1, .c4f(0,0,0,0) ) eraser:retain() --开始添加触摸事件 scratchLayer:addNodeEventListener(.NODE_TOUCH_EVENT, function (event) --首先把点击区域刮除 eraser:setPosition(event.x,event.y) eraser:setBlendFunc(gl.ONE,gl.ZERO) scratch:begin() eraser:visit() --[[ 重点:因为点击事件回调次数限制,如果没有狼蚁网站SEO优化处理, 当我们快速在屏幕上滑动的时候调用次数不够,会产生一个一个刮除点 而中间并没有刮除。 以下代码为刮除两次移动中间矩形区域 ]] local isEnded = false if event.name ~= "began" then if eraser.lastPos then --矩形宽高 local width = self:getP2PDis(event, eraser.lastPos) local height = 2*r --矩形中点 local midPos = .p((event.x+eraser.lastPos.x)/2,(event.y+eraser.lastPos.y)/2) --旋转角度 local rotate = self:getP2PAngle(eraser.lastPos, event) --矩形刮除媒介 local polygonEraser = .DrawNode:create() local points = { .p(-width/2,-height/2), .p(-width/2,height/2), .p(width/2,height/2), .p(width/2,-height/2) } polygonEraser:drawPolygon(points, { fillColor = .c4f(0, 0, 0, 0), borderWidth = 1, borderColor = .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 if not isEnded then scratch:endToLua() end eraser.lastPos = .p(event.x,event.y) if event.name == "ended" then eraser.lastPos = nil end return true end) end --两点间距 function TestScene:getP2PDis(p1,p2) local x = p1.x - p2.x local y = p1.y - p2.y return math.abs(math.sqrt(math.pow(x,2)+math.pow(y,2))) end --两点连接线倾斜角度 function TestScene:getP2PAngle(p1,p2) local x = p1.x - p2.x local y = p1.y - p2.y return 180 * (math.atan2(y, x) / math.pi) end return TestScene
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持狼蚁SEO。
编程语言
- 机械手焊接机器人编程 机械手焊接设备编程
- vb数据库编程实例,vb做数据库
- tiobe世界编程语言排行榜,全球编程语言排行
- 成都java编程培训 成都it编程培训中心
- 编程基础培训,编程基础知识培训
- flash游戏编程基础教程,flash游戏开发教程
- 不会英语能学编程吗 不会英语可以学程序员吗
- 爱心代码编程C语言 爱心代码编程c语言公式
- c语言编程学习入门 c语言编程快速入门
- 西门子plc编程培训 西门子plc编程培训班
- 哪里可以学编程 台州哪里可以学编程
- 少儿编程哪个好 少儿编程哪个品牌好
- 编程是什么意思,图形编程是什么意思
- c语言编程软件下载,c语言编程软件在哪下载
- java编程软件下载,java编程下载手机版
- ug编程培训学校,ug编程培训教程