翻牌效果网上找了好多,复杂点的有自己重写一个sprite类来实现,简单的就利用引擎自带的动作CCOrbitCamera来实现,但是存在一些问题,图片旋转之后变反了。
我在用的只是一个简单的翻牌效果,点击之后图片翻牌,翻到一半之后图片切换到另外一面,再继续剩下的旋转。
注:下面的代码只能翻牌一次,第二次就会乱了,当然,我需要的也只是翻牌一次而已。
简单的加载图片:
pSprite = CCSprite::create("iv_card_1.png");
pSprite->setPosition( ccp(300,300) );
this->addChild(pSprite, 0);
图片点击之后进行翻牌动作:
void HelloWorld::menuCloseCallback(CCObject* pSender)
{
//===旋转的时间,起始半径,半径差,起始z角,旋转z角差,起始x角,旋转x角差===
CCSequence* action = CCSequence::create(
CCOrbitCamera::create(1,1, 0, 0, 90, 0, 0)
,CCCallFunc::create(this , callfunc_selector(HelloWorld::objectReset) )
,CCOrbitCamera::create(1,1, 0, -90, -90, 0, 0)
,NULL);
pSprite->runAction(action);
}
void HelloWorld::objectReset()
{
//CCTexture2D* texture = CCTextureCache::sharedTextureCache()->addImage("iv_card_2<span style="font-family: Arial, Helvetica, sans-serif;">.png</span><span style="font-family: Arial, Helvetica, sans-serif;">");</span>
//pSprite->setTexture(texture);
CCSprite* p = CCSprite::create("iv_card_2.png");
pSprite->setTexture(p->getTexture());
//===可以增加正面的元素======
CCSprite* p2 = CCSprite::create("public_diamond_icon.png");
pSprite->addChild(p2);
p2->setPosition(ccp(pSprite->getContentSize().width/2,pSprite->getContentSize().height/2+p2->getContentSize().height/2));
//=================
pSprite->setScaleX(-1);
}
素材图片