Cocos2dx 实现擦除即橡皮擦效果的实现

         CCSprite* sprite = CCSprite::create(pszFileName);
	spriteSize = sprite->getContentSize();
	/// 将精灵加入纹理后，其中心点坐标应该设置在（0,0）处， 这是由于纹理的中心点在（0,0），当然，可以通过设置其偏移坐标实现；
	sprite->setAnchorPoint(ccp(0.f, 0.f));
//	sprite->setPosition(ccp(spriteSize.width/2.f, spriteSize.height/2.f));

	m_pRTex = CCRenderTexture::create(spriteSize.width, spriteSize.height);
	m_pRTex->setPosition(CCPointZero);
	this->addChild(m_pRTex);

	m_pRTex->begin();
	sprite->visit();
	m_pRTex->end();

C.     避免出现断层和锯齿现象

         之所以出现断层和锯齿的原因，是由于在快速擦除过程中，系统接收到的第一个点位置和第二个点位置，可能有很大的位移偏差。如果只是简单的处理这两个点的信息，显而亦然中间很多点就会缺失，而不画。因此就出现了断层和锯齿的现象。

         因此，我们只要简单的判断两点之间的距离是否超过一定程度，就在二者间再次处理。至于二者间，要抽取多少点进行处理，就要看其距离的长度了。这边，我简单的判断距离超过1，就要处理（显然这样做，会比较准确，但消耗性能大，可以适当更改）。下面给出具体代码：

void EraserSprite::ccTouchMoved( cocos2d::CCTouch *pTouch, cocos2d::CCEvent *pEvent )
{
	if (m_bEraser)
	{
		CCPoint point = pTouch->getLocation(); 
		CCPoint normal = ccpNormalize(point-m_touchPoint);

		/// 处理一次移动过多，造成中间有遗漏，或者锯齿现象；
		while(1)
		{
			if (ccpDistance(point, m_touchPoint) < 1.f)
			{
				/*		m_pEraser->setPosition(-this->getPosition() + point + spriteSize/2.f);*/
				eraseByBlend(-this->getPosition() + point + spriteSize/2.f);
				break;
			}
			m_touchPoint = m_touchPoint + normal*1.f;
			
			/*		m_pEraser->setPosition(-this->getPosition() + m_touchPoint + spriteSize/2.f);*/
			eraseByBlend(-this->getPosition() + m_touchPoint + spriteSize/2.f);
		}

		m_touchPoint = point;
	}
}

2.        擦除形状

         对于擦除形状，其实上文已经提到了。这里简单提一下。如果是采用点或者圆形，可以使用自定义画节点，即CCDrawNode实现。对于CCDrawNode的扩展使用，也可以用到CCClippingNode中，即实现自定义裁剪模板。下面给出正方形和圆形擦除形状代码：

         正方形形状：

	m_pEraser = CCDrawNode::create();
	float width = 10.f;
        m_pEraser->drawDot(CCPointZero, width, ccc4f(0,0,0,0));

         圆形形状：

	m_pEraser = CCDrawNode::create();
	/// 绘制圆形区域
	float fRadius		= 30.0f;							///< 圆的半径
	const int nCount	= 100;							///< 用正100边型来模拟园
	const float coef	= 2.0f * (float)M_PI/nCount;	///< 计算每两个相邻顶点与中心的夹角
	static CCPoint circle[nCount];						///< 顶点数组
	for(unsigned int i = 0;i <nCount; i++) {
			float rads = i*coef;							///< 弧度
			circle[i].x = fRadius * cosf(rads);				///< 对应顶点的x
			circle[i].y = fRadius * sinf(rads);				///< 对应顶点的y
	}
        m_pEraser->drawPolygon(circle, nCount, ccc4f(0, 0, 0, 0), 0, ccc4f(0, 0, 0, 0));//绘制这个多边形!

         对于自定义的图片形状，其实就是一个精灵对象而已。

3.       判断图片是否擦除完毕

         判断是否擦除完毕，基本思路就是对纹理像素值逐点判断，当所有像素值均为0时，则代表图片已经擦除完毕了。

         首先，获取纹理的图片信息。关键函数是newCCImage。具体代码如下：

        CCImage* image = new CCImage();
	image = m_pRTex->newCCImage(true);

         这里要注意一点就是，最后要手动删除image。

         其次，获取各个位置的像素值。代码如下所示：

		unsigned char *pixel = data_ + (x + y * image->getWidth()) * m;

		// You can see/change pixels' RGBA value(0-255) here !
		unsigned int r = (unsigned int)*pixel;
		unsigned int g = (unsigned int)*(pixel + 1);
		unsigned int b = (unsigned int)*(pixel + 2) ;
	        unsigned int a = (unsigned int)*(pixel + 3);

         其中，x、y代表位置。

         完整代码如下所示：

bool EraserSprite::getEraserOk()
{
	m_bEraserOk = false;

	CCImage* image = new CCImage();
	image = m_pRTex->newCCImage(true);

	int m = 3;
	if (image->hasAlpha())
	{
		m = 4;
	}

	unsigned char *data_= image->getData();
	int x = 0, y = 0;
	/// 这里要一点，即Opengl下，其中心点坐标在左上角
	for (x = 0; x < spriteSize.width; ++x)
	{
		for (y = 0 ; y < spriteSize.height; ++y)
		{

			unsigned char *pixel = data_ + (x + y * image->getWidth()) * m;

			// You can see/change pixels' RGBA value(0-255) here !
			unsigned int r = (unsigned int)*pixel;
			unsigned int g = (unsigned int)*(pixel + 1);
			unsigned int b = (unsigned int)*(pixel + 2) ;
			unsigned int a = (unsigned int)*(pixel + 3);

			if (r != 0 && g != 0 && b != 0 && a != 0)
			{
				m_bEraserOk = false;
				break;
			}
		}
		if (spriteSize.height != y)
		{
			break;
		}
	}
	if (x == spriteSize.width && y == spriteSize.height)
	{
		m_bEraserOk = true;
	}

	delete image;

	return this->m_bEraserOk;
}

         这里，参考了文章：《Getting andsetting the RGB / RGBA value of a pixel in a CCSprite (cocos2d-x)》，详细地址：http://stackoverflow.com/questions/9665700/getting-and-setting-the-rgb-rgba-value-of-a-pixel-in-a-ccsprite-cocos2d-x

         好囧啊，这个部分，花了我整整一个上午时间，没想到就这样的过去，一点都没有前面高大善的赶脚。

4.        残留点清除问题

对于这个问题，还没有很好的思路