前端遮罩层实现_cocos creator--游戏开奖功能组件《刮刮卡》特效实现

一、 需求分析

【1】实现手指触摸刮开效果；【2】优化：判断刮开与否（能否正常看到奖项）。

二、 游戏场景可视化编辑

三、 手指触摸刮刮卡动态刮开效果的实现

Mask为反向遮罩节点，必须确保大小和位置为（0，0）。

运用反向遮罩和绘图来实现。 首先为Mask节点添加Mask组件。记得将Inverted（即反向遮罩）勾上。点击链接加入群聊【unity/cocos交流二群】

原理：类似于PS中的遮罩，或者沙画，比如你在玻璃上写了几个字，但是我在你玻璃上铺上了一层灰色的沙子（MaskBg），在沙子上撒了一点特仑苏，留下了“刮奖区”三个字。你想把下面的东西显示出来，只能拿到Mask节点上面的那把刷子，将沙子扫开。

新建GameMgr.js，并挂载到Canvas节点上。代码如下：