【cocos2dx】卡牌记忆游戏（1）——卡牌类

最新推荐文章于 2021-12-12 19:28:30 发布

hqq39

最新推荐文章于 2021-12-12 19:28:30 发布

阅读量3k

点赞数 4

分类专栏： cocos2d-x：小代码文章标签： cocos2d-x 游戏

本文链接：https://blog.csdn.net/hqq39/article/details/49002235

版权

这篇博客介绍了如何使用Cocos2d-x框架设计一个卡牌类，以创建卡牌记忆游戏。文章讨论了如何通过调整精灵的RotateBy和Scale属性来实现卡牌的翻转效果，解决3D旋转带来的问题，并添加了点击事件来响应卡牌的翻转。最后，作者展示了如何使卡牌能够响应点击并完成翻转动画。

摘要由CSDN通过智能技术生成

（Cocos-2.2.6 & Framework-3.5）

唔，做个简单的卡牌游戏吧，叫做记忆大考验。游戏模仿自【冒险岛OL】。嗯，我也是老岛民了，不过已经肝不动了。

游戏大概是这样子

戏规则很简单，有若干张卡片，每次翻到两张相同的就能翻出卡牌，翻出所有卡牌则结束。

那么问题来了，我们要一个卡牌（类），而且能让它翻转。

我们先找找精灵的翻转效果。

很幸运，cocos2dx里面有个RotateTo和RotateBy类。RotateTo和RotateBy类的构造器类似。区别就在XxxxTo和XxxxBy的区别。

我们常用的应该是这个：

* @param durationDuration time, in seconds.
* @param deltaAngleIn degreesCW.
static RotateBy*create(float duration, float deltaAngle);
 
RotateBy* myRotate =RotateBy::create(1.0f, 90);

既然是翻牌，那就只要沿着Y轴或者X轴转就可以了，比较符合常规的是绕着Y轴转，就是左右翻牌。我们选择这个构造器

* @param durationDuration time, in seconds.
* @paramdeltaAngleZ_X In degreesCW.
* @paramdeltaAngleZ_Y In degreesCW.
static RotateBy*create(float duration, const Vec3& deltaAngle3D);
                              
RotateBy* myRotate =RotateBy::create(1.0f, Vec3(0, 90, 0));

很好，转起来了，不过稍微有点不合预期。

第一，这是3D旋转，我们可以看到有消失点了。

第二，这个旋转是绝对地旋转，我们的这个精灵转一次之后，图案就左右镜面对称了。可以想象，如果我们的卡牌上面有文字的话，那就不好了。

我们稍微改造一下，不能无脑使用RotateBy了。

RotateTo* myRotate =RotateTo::create(1.0f, Vec3(0, 90, 0));
RotateTo* myRotate2= RotateTo::create(0, Vec3(0, 270, 0));
RotateTo* myRotate3= RotateTo::create(1.0f, Vec3(0, 0, 0));
auto sq =Sequence::create(myRotate, myRotate2, myRotate3, nullptr);
mySprite->runAction(RepeatForever::create(sq));