cocos2dx 翻牌效果

CCSprite *sp = CCSprite::create("");
addChild(sp,0);
sp->setPosition(ccp(s.width / 2, s.height / 2));

CCSprite *sprite,*sprite2;
CCOrbitCamera *orbit,*orbit2;
CCActionInterval *seq,*seq2;

sprite = CCSprite::create("Images/back.png");
sp->addChild(sprite, 0);
sprite->setPosition(ccp(0, 0));
orbit = CCOrbitCamera::create(1, 1, 0, 0, 90, 0, 0);
seq = CCSequence::create(CCShow::create(), orbit, CCHide::create(), CCDelayTime::create(1), NULL);
sprite->runAction(seq);

sprite2 = CCSprite::create("Images/card.png");
sp->addChild(sprite2, 0);
sprite2->setPosition(ccp(0, 0));
orbit2 = CCOrbitCamera::create(1, 1, 0, 270, 90, 0, 0);
seq2 = CCSequence::create(CCHide::create(), CCDelayTime::create(1), CCShow::create(),orbit2, NULL);
sprite2->runAction(seq2);
时间: 2024-10-12 12:32:37

cocos2dx 翻牌效果的相关文章

cocos2dx翻牌效果示例

实现类似翻扑克牌的效果 代码如下: OrbitCamera* rotate1; OrbitCamera* rotate2; if(towardRight){//向右翻转 rotate1=OrbitCamera::create(0.4f,1,0, 0, -86.5f, 0, 0); rotate2=OrbitCamera::create(0.4f,1,0, 86.5f,-90, 0, 0); }else{//向左翻转 rotate1=OrbitCamera::create(0.4f,1,0, 0,

Cocos2d-x实现简易翻牌效果

翻牌效果网上找了好多,复杂点的有自己重写一个sprite类来实现,简单的就利用引擎自带的动作CCOrbitCamera来实现,但是存在一些问题,图片旋转之后变反了. 我在用的只是一个简单的翻牌效果,点击之后图片翻牌,翻到一半之后图片切换到另外一面,再继续剩下的旋转. 注:下面的代码只能翻牌一次,第二次就会乱了,当然,我需要的也只是翻牌一次而已. 简单的加载图片: pSprite = CCSprite::create("iv_card_1.png"); pSprite->setPo

【Cocos2d-x】实现翻牌效果

翻牌效果可以使用CCOrbitCamera实现,这是一个CCAction,使精灵视角按照球面坐标轨迹 围绕屏幕中心进行旋转.[关于CCOrbitCamera] 翻牌需要两个精灵,一个表示牌的正面,一个表示牌的背面.当执行翻牌动作的时候:初始化正面的角度为向左90度.背面为0度--背面向右旋转90度--正面向右旋转90度,这就实现了一个翻牌的效果. api说明: t:动作时长 radius:球的半径 deltaRadius:球半径偏移量 angleZ:开始时z轴角度 deltaAngleZ:z轴角

Cocos2d-x实现简单的翻牌效果

触发器互联网影响找了很多.有自己的点重写一个复杂的sprite类来实现.简单的操作来对引擎的使用CCOrbitCamera实现,但是,也存在一些问题,后变反了. 我在用的仅仅是一个简单的翻牌效果,点击之后图片翻牌,翻到一半之后图片切换到另外一面.再继续剩下的旋转. 注:以下的代码仅仅能翻牌一次,第二次就会乱了.当然,我须要的也仅仅是翻牌一次而已. 简单的载入图片: pSprite = CCSprite::create("iv_card_1.png"); pSprite->setP

【JQuery插件】扑克正反面翻牌效果

里面有两个demo,支持X横向和Y纵向翻转两个效果. 对元素的布局有一定的讲究,需要分析一下demo的css. 默认翻转速度为80,不要大于100ms. <!DOCTYPE> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>[JQuery插件]扑克正反面翻牌效果</ti

cocos2d-x场景效果切换

Cocos2d-x提供了很多场景间切换的效果 1.使用方法: ccTime t = 1.2;    CCScene * pScene = CCScene::node();    CCLayer *pLayer = new book_page1();    pLayer->autorelease();    pScene->addChild(pLayer);    CCTransitionFade* transitionScene = CCTransitionFade::transitionWi

拣宝--进行时--翻牌效果展示

拣宝网作为中国首家新型购物模式的网站,以“免费赠送”为宗旨,与多家知名品牌商家进行合作,为拣宝者提供价格不等不同种类的产品,拣宝者可以通过抽奖的方式获得自己需要的产品.同时网站上还提供了合作商家网站的商品链接.拣宝者可以打开链接进行购物.这种新型的购物模式一出现就受就到人们广泛的关注和喜爱.每天都有上万的拣宝者进入拣宝网站浏览抽奖产品参与抽奖活动,中奖的拣宝者都会晒出自己所免费获得的宝贝,分享喜悦的获奖心情.据统计,每天中奖额度达几十万元.如此大的诱惑,使得拣宝者每天乐此不疲的参与抽奖活动.作为

HTML5 CSS3专题 诱人的实例 CSS3打造百度贴吧的3D翻牌效果

首先感谢w3cfuns的老师~ 今天给大家带来一个CSS3制作的翻牌效果.就是鼠标移到元素上,感觉能够看到元素背后的信息. 大家假设制作考验记忆力的连连看.扑克类的游戏神马的,甚至给女朋友写一些话语,放在使用该实例制作的相冊之后都能够尝试下,哈~ 效果图: 实例用到的一些CSS3的新属性:  a.-webkit-perspective: 800px; perspective (透视,视角):属性定义 3D 元素距视图的距离.以像素计.该属性同意您改变 3D 元素查看 3D 元素的视图. 决定了你

使用JS与CSS3的翻转实现3D翻牌效果

之前我们有讨论过使用CSS3如何实现网页水平翻转的效果,而这次我们介绍的是翻转效果更深一层的应用--3D翻牌效果. 这里我们需要使用flip中轴翻转实现,又因为是3D效果,如果希望呈现一定的3D视角,需要在父级元素上添加类名viewport-flip或者直接添加如下CSS: -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective的中文意思是:透视,视角!该属性的存在与否决定了你所看到的是2次元的还是3次元的,也就是是2