Cocos2D游戏之旅（四）：卡牌翻转效果的实现（下）

最新推荐文章于 2023-08-17 09:24:33 发布
置顶 最新推荐文章于 2023-08-17 09:24:33 发布
阅读量6.9k 收藏 6
点赞数 1
分类专栏： Cocos2D-X游戏之旅 Cocos2D游戏之旅 文章标签： cocos2d-x game 游戏开发
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qiulanzhu/article/details/47356461
版权
本文介绍了使用RotateBy方法实现卡牌翻转效果，对比了ScaleTo和RotateBy两种方法。通过旋转90度实现卡牌翻转和盖住、翻开的效果。详细步骤和源代码链接提供。
摘要由CSDN通过智能技术生成

晓石头的博客

邮箱：178673693@qq.com

转载请注明出处，原文连接：http://blog.csdn.net/qiulanzhu/article/details/47356461

 

上篇讲解了用ScaleTo缩放卡牌，达到翻转的效果。

条条大道通罗马，RotateBy 旋转卡牌同样能够实现，而且效果更棒，就看你喜欢哪种了！


效果对比图

一、先谈思路：

用ScaleTo缩放卡牌实现翻转的思路移步：卡牌翻转效果的实现（上）

理解了ScaleTo 的思路，再看RotateBy 就一目了然了。


一共两张图片

1、正面

最低0.47元/天 解锁文章
晓石头
关注
专栏目录
Cocos2D游戏之旅（三）：卡牌翻转效果的实现（上）
【Cocos2D 学习笔记】晓石头的专栏
08-02 4769
晓石头的博客 邮箱：178673693@qq.com 第一步：将正面的宽度慢慢缩小至0；产生卡牌翻转到中间的效果 第二步：将一开始就把宽度缩小至0的背面放大到正常，产生卡牌盖住的效果
cocoscreator 翻牌效果
04-12
cocoscreator 翻牌效果cocoscreator 翻牌效果cocoscreator 翻牌效果
Cocos2D游戏之旅（四）：卡牌翻转效果的实现（下）---源代码
08-08
Cocos2D游戏之旅（四）：卡牌翻转效果的实现 博客讲解地址：http://blog.csdn.net/qiulanzhu/article/details/47356461
cocos2d-x 卡牌翻牌效果的实现
白雾霾
06-17 241
猴子原创，欢迎转载。转载请注明：转载自Cocos2D开发网–Cocos2Dev.com，谢谢！ 原文地址:http://www.cocos2dev.com/?p=428 刚有人问我cocos2dx能否实现卡牌的翻牌效果，其实cocos2dx有个action就是这个效果，晚上随便写了个效果。需要的可以看看。 上面的效果图是ipad模拟器，所以帧率只有30，实际是60.这个能实现翻牌的action就...
[CocosCreator]扑克翻牌效果
11-01 1万+
处理效果,勉强能用吧,我这只是提供个简单思路. 工程下载 1.创建空节点,添加mask组件,大小调整为扑克大小 2.添加精灵,到mask下 3.添加移动扑克的mask 4.添加移动精灵扑克 5.移动扑克为负的它自己的高度. 6.添加脚本,指认控件. 7.脚本代码cc.Class({ extends: cc.Component, properties: {
cocos creator 扑克牌翻转效果
weixin_38052324的博客
08-02 6801
var pic1 = cc.find("Canvas/puke/hu"); var run = cc.callFunc(function() { cc.loader.loadRes("longhu/card", cc.SpriteAtlas, function (err, atlas) { ...
Cocos2D游戏之旅（三）：卡牌翻转效果的实现
08-03
在Cocos2D游戏开发中，卡牌翻转效果是一种常见的动画表现形式，它能为游戏增添生动性和交互性。本教程将深入探讨如何在Cocos2D框架中实现卡牌翻转效果，以增强玩家的游戏体验。 首先，我们要了解Cocos2D的基本概念...
Cocos2D游戏之旅（三）：卡牌翻转效果2（只有当鼠标点中卡牌才翻转）
08-03
Cocos2D是一款开源的2D游戏开发框架，它提供了丰富的图形渲染、动画、物理模拟以及用户输入处理等功能。在Cocos2D中，我们可以利用Node对象来构建游戏场景，每个Node可以包含子Node，形成一棵节点树，这使得游戏场景...
cocos creator实现卡牌翻转
weixin_34326429的博客
08-15 2448
2019独角兽企业重金招聘Python工程师标准>>> ...
Test3(cocos creator + TypeScript 实现翻牌效果)
04-25
cocos creator + TypeScript 实现翻牌效果，本教程演示版本creator V2.07
cocos2d-x3.10 翻页、翻牌效果的实现
01-22
cocos2d-x3.10 翻页、翻牌效果的实现 http://blog.csdn.net/glunoy
cocos creator 设置精灵镜像翻转效果
最新发布
瑾修的博客
08-17 1922
cocos creator 设置精灵镜像翻转效果
cocos creator 牌面翻转
jia_ly的博客
02-22 1万+
cocos creator 牌面翻转 思路描述 利用方法 var rotationTo = cc.rotateTo(1, 0, 180); this.paiNode.runAction(rotationTo); 进行位置的移动。移动完成之后，Node.setScaleX(-1); 完成翻转。在 update 中监 Node.rotationY 的值，达到自己要求的时候，更换精灵图...
cocos creator + TypeScript 实现翻牌效果
对酒当歌﹏✍
04-25 5385
目录1、引言2、实现过程2.1、场景制作2.2、代码实现2.3、效果展示2.4、原理分析3、结束语 1、引言   这几天做个棋牌小游戏，需要一个翻牌动作！试了几个效果只有这个感觉简单又真实一些，需要的小伙伴拿去吧，有效果好的可以一起交流哈~ 2、实现过程 2.1、场景制作   具体的布局如图所示：   我们需要创建一个PokerNode节点，并添加一个子对象font，其中PokerNode节点添...
cocos creator 翻牌效果_Cocos Creator | 用摄像机实现残影幻影拖尾效果
weixin_42300090的博客
11-30 471
编者按本文来自于“Cocos 荣耀讲师”征稿活动第1期，最先发表于 Cocos 中文社区，作者：白玉无冰。作者拥有多年 Cocos 游戏开发经验的他，十分善于做技术总结，其个人公众号输出了大量的开发经验，感谢白玉无冰。超级幻影了解一下？基本原理利用摄像机拍摄角色，然后投影到多个显示画布，给画布节点设置不同的透明度，最后让画布节点跟随角色移动。创建角色和摄像机创建一个新的 t...
cocos2dx卡牌翻牌效果
04-18 3352
CCOrbitCamera * flipYAction = CCOrbitCamera::actionWithDuration(0.5f, 1, 0, 90, -90, 0, 0);
Cocos2D游戏之旅（六）：流星、烟花、火焰、下雪、下雨粒子特效
热门推荐
【Cocos2D 学习笔记】晓石头的专栏
08-23 1万+
晓石头的博客 邮箱：178673693@qq.com 转载请注明出处，原文链接： 效果演示 一、整体实现 点击每一个菜单选项，显示相应的的特效。分别对应：流星、烟花、火焰、下雪、下雨。   二、单个详解 流星： 1、粒子系统 CCParticleMeteor创建流星效果 2、定时器移动位置产生坠落效果 void HelloWorld::fallingS
探索IOS5 cocos2d游戏开发全攻略：从入门到实战
本资源是一本关于iOS5平台下的Cocos2d游戏开发教程，专为有志于移动设备游戏开发的朋友设计。书中详细介绍了从入门到进阶的内容，包括但不限于： 1. **第一章：引言** - 提供了游戏开发的基本概念，探讨了在当今...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值