这篇文章简单介绍下如何在cocos create里面实现刮刮卡的效果。 首先看该节点的结构目录 ScrapeArea为主节点，控制这个组件的代码防在这个节点上面。这个节点要注意的事项就是本节点的size数值一点要大于texture节点的数值，才能擦除操作。因为这个要完成的点击、触摸等相应的事件。 mask为反向遮罩节点，必须确保大小和位置为（0，0）。

这是实现擦除效果的关键，运用到的就是反向遮罩和绘图先这两个功能。 首先为mask节点添加mask组件,记得将Inverted（即反向遮罩）勾上。 遮罩的含义是在含有mask组件的节点（下面简称mask节点）的子节点中，子节点超出mask范围（即size）的部分不给予显示。反向遮罩的功能正好相反，是子节点在mask节点范围内的部分不给予显示。这正式本方法实现擦除效果的原来，通过绘图，改变mask节点的大小，进而反向遮挡texture节点，露出底层的图片。

textrue为图片节点，就是过一个将要被刮开的图片。

我们来看一下具体代码的实现过程吧 代码里graphics的属性，可以参考cocos的API文档。

然后将代码拖的主节点上，将mask放入槽中，刮刮卡的基本的功能就实现了。

下面是完整版刮刮卡代码的介绍，增加当擦除到70%的时候所有texture消失，执行回调事件。

本方法是先根据接触点的大小在图片上排列一个点矩阵，每个点矩阵有一个检测范围且只能被检测一次，没次被检测刮开的数都会执行++操作，知道接触点等于目标点（刮开的范围可以自己设置）后，遮罩的图片消失，并执行回调函数。 注：改方法不用设置主节点ScrapeArea节点的大小，在代码会改变它的大小的。