卡牌翻牌效果

前端之家收集整理的这篇文章主要介绍了卡牌翻牌效果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

经过测试,利用cocos2dx引擎自带的setScaleX和setFlippedX即可实现,效果比较好。
详细代码如下:

  1. //
  2. // CCardNode.h
  3. // SlotsBase
  4. //
  5. // Created by xujw on 16/5/27.
  6. //
  7. // 卡牌类,实现类似扑克翻牌效果,默认翻牌时间为0.5s,建议时间为0.3-1.0f
  8.  
  9. #ifndef CCardNode_h
  10. #define CCardNode_h
  11.  
  12. #include <stdio.h>
  13. #include "cocos2d.h"
  14. USING_NS_CC;
  15.  
  16. #define SKEW_DEGREE 10
  17.  
  18. class CCardNode:public Node
  19. {
  20. public:
  21. typedef enum
  22. {
  23. kCardFront = 0,kCardBack = 1,}ECardState;
  24.  
  25. typedef struct CData
  26. {
  27. std::string dataStr;
  28. int dataInt;
  29. long dataLong;
  30. CData(const std::string &str,int idata,long ldata)
  31. {
  32. dataStr = str;
  33. dataInt = idata;
  34. dataLong = ldata;
  35. };
  36. CData(){}
  37. }CardData;
  38.  
  39. public:
  40. CCardNode();
  41. ~CCardNode();
  42.  
  43. /** * 创建一张卡牌 * * @param frontSpFile 正面资源图片 * @param backSpFile 反面资源图片 * @param state 显示牌面 默认显示背面 * * @return 卡牌 */
  44. static CCardNode* createCard(const std::string &frontSpFile,const std::string &backSpFile,ECardState state=kCardBack);
  45. static CCardNode* createCard(const std::string &frontSpFile,ECardState state,CardData data);
  46. bool init(const std::string &frontSpFile,ECardState state);
  47.  
  48. /** * 翻转卡牌 */
  49. void turnCard();
  50. void turnCard(float t);
  51. void turnCard(std::function<void(Ref*)> callBack,float turnTime=1.0f);
  52.  
  53. inline void setTrunCallback(std::function<void(Ref*)> callBack){_callBack = callBack;};
  54. inline void setTurnTime(float t){_turnTime = t;};
  55. inline void setCardData(CardData data){_cardData = data;};
  56. inline CardData getCardData() const{return _cardData;};
  57. inline ECardState getCardStata() const {return _cardState;};
  58.  
  59. private:
  60. Sprite *_frontSp;
  61. Sprite *_backSp;
  62. float _turnTime;
  63. ECardState _cardState;
  64. std::function<void(Ref*)> _callBack;
  65. bool _isAct;
  66. CardData _cardData;
  67. };
  68.  
  69. #endif /* CCardNode_h */
  70.  
  71. //
  72. // CCardNode.cpp
  73. // SlotsBase
  74. //
  75. // Created by xujw on 16/5/27.
  76. //
  77. //
  78.  
  79. #include "CCardNode.h"
  80.  
  81. CCardNode::CCardNode()
  82. :_frontSp(nullptr),_backSp(nullptr),_turnTime(0.5f),_callBack(nullptr),_isAct(false),_cardState(kCardBack),_cardData("",-1,-1.0f)
  83. {}
  84. CCardNode::~CCardNode()
  85. {
  86. this->removeFromParentAndCleanup(true);
  87. }
  88.  
  89. CCardNode* CCardNode::createCard(const std::string &frontSpFile,CardData data)
  90. {
  91. CCardNode *card = CCardNode::createCard(frontSpFile,backSpFile,state);
  92. card->setCardData(data);
  93. return card;
  94. }
  95.  
  96. CCardNode* CCardNode::createCard(const std::string &frontSpFile,ECardState state)
  97. {
  98. CCardNode *card = new(std::nothrow) CCardNode();
  99. if (card && card->init(frontSpFile,state))
  100. {
  101. card->autorelease();
  102. return card;
  103. }
  104.  
  105. CC_SAFE_DELETE(card);
  106. return nullptr;
  107. }
  108.  
  109. bool CCardNode::init(const std::string &frontSpFile,ECardState state)
  110. {
  111. if (!Node::init())
  112. {
  113. return false;
  114. }
  115.  
  116. _cardState = state;
  117.  
  118. _frontSp = Sprite::create(frontSpFile);
  119. this->addChild(_frontSp);
  120. _backSp = Sprite::create(backSpFile);
  121. this->addChild(_backSp);
  122.  
  123. bool disFront = _cardState==kCardFront?true:false;
  124. _frontSp->setVisible(disFront);
  125. _backSp->setVisible(!disFront);
  126.  
  127. //MARK:设置node大小和锚点,方便计算是否点击到牌面
  128. this->setContentSize(_backSp->getContentSize());
  129. this->setAnchorPoint(Vec2::ANCHOR_MIDDLE);
  130. _frontSp->setPosition(this->getContentSize()/2);
  131. _backSp->setPosition(_frontSp->getPosition());
  132.  
  133. return true;
  134. }
  135.  
  136. void CCardNode::turnCard()
  137. {
  138. turnCard(_callBack,_turnTime);
  139. }
  140.  
  141. void CCardNode::turnCard(float t)
  142. {
  143. setTurnTime(t);
  144. turnCard(_callBack,_turnTime);
  145. }
  146.  
  147. void CCardNode::turnCard(std::function<void (Ref *)> callBack,float t)
  148. {
  149. if (_isAct)
  150. {
  151. return;
  152. }
  153.  
  154. _isAct = true;
  155. setTurnTime(t);
  156. //MARK:为了每次翻牌都从右向左翻牌
  157. if (-1 == _frontSp->getScaleX())
  158. {
  159. _frontSp->setFlippedX(false);
  160. _frontSp->setScaleX(1);
  161. }
  162. if (-1 == _backSp->getScaleX())
  163. {
  164. _backSp->setFlippedX(false);
  165. _backSp->setScaleX(1);
  166. }
  167.  
  168. if (_cardState == kCardFront)
  169. {
  170. CCLOG("当前是正面,开始翻牌到背面!");
  171. ScaleTo *firstPartSto = ScaleTo::create(_turnTime/2,0,1);
  172. Sequence *firstSeq = Sequence::create(Spawn::create(firstPartSto,SkewTo::create(_turnTime/2,-SKEW_DEGREE),NULL),Hide::create(),CallFunc::create([=]()
  173. {
  174. _backSp->setVisible(true);
  175. _backSp->setFlippedX(true);
  176. _backSp->setScaleX(0);
  177.  
  178. ScaleTo *secondPartSto = ScaleTo::create(_turnTime/2,1);
  179. Sequence *secondSeq = Sequence::create(Spawn::create(secondPartSto,0),CallFunc::create([=]()
  180. {
  181. //翻牌完成
  182. _isAct = false;
  183. _cardState = kCardBack;
  184. if (_callBack)
  185. {
  186. _callBack(nullptr);
  187. }
  188. }),NULL);
  189. _backSp->runAction(secondSeq);
  190.  
  191. }),NULL);
  192.  
  193. _frontSp->runAction(firstSeq);
  194. }
  195. else
  196. {
  197. CCLOG("当前是反面,开始翻牌到正面!");
  198. ScaleTo *firstPartSto = ScaleTo::create(_turnTime/2,CallFunc::create([=]()
  199. {
  200. _frontSp->setVisible(true);
  201. _frontSp->setScaleX(0);
  202. _frontSp->setFlippedX(true);
  203.  
  204. ScaleTo *secondPartSto = ScaleTo::create(_turnTime/2,CallFunc::create([=]()
  205. {
  206. //翻牌完成
  207. _isAct = false;
  208. _cardState = kCardFront;
  209. if (_callBack) {
  210. _callBack(nullptr);
  211. }
  212. }),NULL);
  213. _frontSp->runAction(secondSeq);
  214.  
  215. }),NULL);
  216.  
  217. _backSp->runAction(firstSeq);
  218. }
  219. }

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