cocos2dx 不规则按钮的实现

前端之家收集整理的这篇文章主要介绍了cocos2dx 不规则按钮的实现前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

最近研究了一下像素级的触摸处理,有时候我们用一个不规则的图形作为一个按钮,这个不规则的图形是一张矩形的png图片,很可能图片的实际有效的显示内容只占整个png图片的很小一部分,剩下的大部分都是png图片的透明区域,我们想把这部分透明区域过滤掉,实现一个触摸到真实的内容才会有按钮响应的效果

刚开始试图通过CCSprite直接获取到纹理的像素信息,但是cocos2d-x并没有给我们提供直接通过CCSprite获取像素信息的接口,研究了几个网上的Demo,发现通过使用RenderTexture重绘可以实现这一效果,下面把代码贴出来。

  1. #include"HelloWorldScene.h"
  2. #include"SimpleAudioEngine.h"
  3. usingnamespacecocos2d;
  4. namespaceCocosDenshion;
  5. CCScene*HelloWorld::scene()
  6. {
  7. //'scene'isanautoreleaSEObject
  8. CCScene*scene=CCScene::create();
  9. //'layer'isanautoreleaSEObject
  10. HelloWorld*layer=HelloWorld::create();
  11. //addlayerasachildtoscene
  12. scene->addChild(layer);
  13. //returnthescene
  14. returnscene;
  15. }
  16. boolHelloWorld::init()
  17. {
  18. if(!CCLayer::init()){
  19. returnfalse;
  20. this->setTouchEnabled(true);
  21. this->m_imgMan=CCSprite::create("man.png");
  22. this->m_imgMan->setPosition(ccp(400,200));
  23. this->addChild(this->m_imgMan,1);
  24. this->m_pRenderTexture=CCRenderTexture::create(this->m_imgMan->getContentSize().width,this->m_imgMan->getContentSize().height,kCCTexture2DPixelFormat_RGBA8888);
  25. this->m_pRenderTexture->ignoreAnchorPointForPosition(true);
  26. this->m_pRenderTexture->setPosition(ccp(400,200));
  27. this->m_pRenderTexture->setAnchorPoint(CCPointZero);
  28. this->m_pRenderTexture,153); background-color:inherit; font-weight:bold">true;
  29. boolHelloWorld::ccTouchBegan(cocos2d::CCTouch*pTouch,cocos2d::CCEvent*pEvent){
  30. boolisTouched=false;
  31. CCPointtouchPoint=pTouch->getLocationInView();
  32. CCPointglPoint=CCDirector::sharedDirector()->convertToGL(touchPoint);
  33. if(this->m_imgMan->boundingBox().containsPoint(glPoint)){
  34. ccColor4Bcolor4B={0,0};
  35. CCPointnodePos=this->m_imgMan->convertTouchToNodeSpace(pTouch);
  36. unsignedintx=nodePos.x;
  37. unsignedinty=this->m_imgMan->getContentSize().height-nodePos.y;
  38. CCPointpoint=this->m_imgMan->getPosition();
  39. //开始准备绘制
  40. this->m_pRenderTexture->begin();
  41. //绘制使用的临时精灵,与原图是同一图片
  42. CCSprite*pTempSpr=CCSprite::createWithSpriteFrame(this->m_imgMan->displayFrame());
  43. pTempSpr->setPosition(ccp(pTempSpr->getContentSize().width/2,pTempSpr->getContentSize().height/2));
  44. //绘制
  45. pTempSpr->visit();
  46. //结束绘制
  47. this->m_pRenderTexture->end();
  48. //通过画布拿到这张画布上每个像素点的信息,封装到CCImage中
  49. CCImage*pImage=this->m_pRenderTexture->newCCImage();
  50. //获取像素数据
  51. char*data_=pImage->getData();
  52. int*pixel=(unsignedint*)data_;
  53. pixel=pixel+(y*(int)pTempSpr->getContentSize().width)*1+x*1;
  54. //R通道
  55. color4B.r=*pixel&0xff;
  56. //G通道
  57. color4B.g=(*pixel>>8)&0xff;
  58. //B通过
  59. color4B.b=(*pixel>>16)&0xff;
  60. //Alpha通道,我们有用的就是Alpha
  61. color4B.a=(*pixel>>24)&0xff;
  62. CCLOG("当前点击的点的:alpha=%d",color4B.a);
  63. if(color4B.a>50){
  64. isTouched=true;
  65. }else{
  66. }
  67. //绘制完成后清理画布的内容
  68. this->m_pRenderTexture->clear(0,0);
  69. this->m_pLabTips){
  70. this->m_pLabTips->removeFromParentAndCleanup(this->m_pLabTips=NULL;
  71. returnisTouched;
  72. voidHelloWorld::ccTouchEnded(cocos2d::CCTouch*pTouch,cocos2d::CCEvent*pEvent){
  73. this->m_pLabTips){
  74. this->m_pLabTips=NULL;
  75. this->m_pLabTips=CCLabelTTF::create("点击到非透明的像素点","Courier",30);
  76. this->m_pLabTips->setAnchorPoint(CCPointZero);
  77. this->m_pLabTips->setPosition(ccp(300.0f,100.0f));
  78. this->m_pLabTips->setColor(ccYELLOW);
  79. this->m_pLabTips,153); background-color:inherit; font-weight:bold">voidHelloWorld::registerWithTouchDispatcher(){
  80. CCDirector::sharedDirector()->getTouchDispatcher()->addTargetedDelegate(this,CCLayer::getTouchPriority(),153); background-color:inherit; font-weight:bold">false);
  81. }

这里我们把alpha通道的值小于50的像素点都视为同名的点,当点击到了透明的黑色区域时,屏幕上不显示任何文字,点击到有色区域时,观察打印日志信息:


实现的原理:我通过点击的时候把图片进行重绘,重绘的过程中,可以通过RenderTexture也就是画布,把整个画布上的像素点信息全部拿到,我让绘制的内容和画布的大小是一样的,所以就能保证画布上的每一个像素点就是我想要绘制的图片的像素点,然后通过判断像素点的alpha通道值,来确定这个点是否是透明色的,如果是透明色则不做触摸响应。


本文由CC原创总结,如需转载请注明出处: http://www.jb51.cc/article/p-hanpyxyd-g.html
原文链接:https://www.f2er.com/cocos2dx/345244.html

猜你在找的Cocos2d-x相关文章