9秒学院Cocos2d-X学习之动作特效介绍

最新推荐文章于 2024-09-16 13:39:40 发布
最新推荐文章于 2024-09-16 13:39:40 发布
阅读量646 收藏
点赞数
文章标签： 源代码 游戏 cocos2d-x 函数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/baidu_30020757/article/details/47394965
版权

Cocos2d-X开发中提供了非常丰富的动作特效

如：网格动画 

扭曲特效 

3D瓷砖波动特效



代码示例：

1.    <fontface="Tahoma">#include "ActionEffect.h"  

2.    #include"HelloWorldScene.h"  

3.      

4.    staticconst char* _actionName[] =  

5.    {  

6.       "CCFadeOutBLTiles",  

7.       "CCFadeOutDownTiles",  

8.       "CCFadeOutTRTiles",  

9.       "CCFadeOutUpTiles",  

10.   

11.    "CCFlipX3D",  

12.    "CCFlipY3D",  

13.   

14.    "CCJumpTiles3D",  

15.   

16.    "CCLens3D",  

17.   

18.    "CCLiquid",  

19.   

20.    "CCPageTurn3D",  

21.   

22.    "CCRipple3D",  

23.   

24.    "CCShaky3D",  

25.   

26.    "CCShakyTiles3D",  

27.   

28.    "CCShatteredTiles3D",  

29.   

30.    "CCShuffleTiles",  

31.   

32.    "CCSplitCols",  

33.    "CCSplitRows",  

34.    "CCTurnOffTiles",  

35.    "CCTwirl",  

36.    "CCWaves",  

37.    "CCWaves3D",  

38.    "CCWavesTiles3D"  

39.   

40. };  

41.   

42. CCScene*ActionEffect::scene()  

43. {  

44.    CCScene* s = CCScene::create();  

45.    ActionEffect* layer = ActionEffect::create();  

46.    s->addChild(layer);  

47.    return s;  

48. }  

49.   

50. boolActionEffect::init()  

51. {  

52.    CCLayer::init();  

53.   

54.    CCSize winSize =CCDirector::sharedDirector()->getWinSize();  

55.      

56.    CCNode* c = CCNode::create();  

57.    _c = c;  

58.    int actionCount = sizeof(_actionName) /sizeof(*_actionName);  

59.      

60.    for (int i = 0; i < actionCount; i++)  

61.    {  

62.        /* 

63.        CCSprite* bg =CCSprite::create("HelloWorld.png"); 

64.        c->addChild(bg); 

65.        bg->setPosition(ccp(winSize.width / 2 +i*winSize.width, winSize.height / 2)); 

66.        */  

67.        CCLayerColor* layer;  

68.        if (i % 2 == 0)  

69.        {  

70.            layer =CCLayerColor::create(ccc4(192, 192, 192, 255), winSize.width,winSize.height);  

71.        }  

72.        else  

73.        {  

74.            layer =CCLayerColor::create(ccc4(128, 128, 128, 255), winSize.width,winSize.height);  

75.        }  

76.        c->addChild(layer);  

77.        layer->setPosition(ccp(i*winSize.width,0));  

78.   

79.        /* 设置Title */  

80.        const char* title = _actionName[i];  

81.        CCLabelTTF* label = CCLabelTTF::create(title,"Arial", 36);  

82.        layer->addChild(label, 1000);  

83.        label->setPosition(ccp(winSize.width / 2,winSize.height - 80));  

84.    }  

85.   

86.    CCScrollView* view = CCScrollView::create(winSize, c);  

87.    view->setDirection(kCCScrollViewDirectionHorizontal);  

88.    view->setContentSize(CCSize(winSize.width*actionCount,winSize.height));  

89.    addChild(view);  

90.   

91.    c->setPositionX((1 - actionCount)*winSize.width);  

92.   

93.    // 能触摸  

94.    setTouchEnabled(true);  

95.    setTouchMode(kCCTouchesOneByOne);  

96.   

97.    return true;  

98. }  

99.   

100.boolActionEffect::ccTouchBegan(CCTouch*, CCEvent*)  

101.{  

102.   return true;  

103.}  

104.  

105.voidActionEffect::testAction(int idx, CCLayerColor* layer)  

106.{  

107.   CCSize winSize =CCDirector::sharedDirector()->getWinSize();  

108.   CCSprite* sprite = (CCSprite*)layer->getUserObject();  

109.  

110.   if (sprite == NULL)  

111.   {  

112.   //  sprite =CCSprite::create("background3.png");  

113.       sprite =CCSprite::create("HelloWorld.png");  

114.       layer->setUserObject(sprite);  

115.       layer->addChild(sprite);  

116.   }  

117.   const char* an = _actionName[idx];  

118.   CCAction* action = NULL;  

119.   sprite->setPosition(ccp(winSize.width / 2, winSize.height /2));  

120.   CCMoveBy* moveBy = CCMoveBy::create(4, ccp(0,sprite->getContentSize().height / 2 - winSize.height / 2));  

121.  

122.   //网格从右上到左下部消失  

123.   //第一个参数：时间  

124.   //第二个参数：网格大小  

125.   if (an == "CCFadeOutBLTiles")  

126.   {  

127.       action = CCFadeOutBLTiles::create(5, CCSize(16,12));  

128.   }  

129.  

130.   //网格从上到下折叠消失  

131.    //第一个参数：时间  

132.   //第二个参数：网格大小  

133.   if (an == "CCFadeOutDownTiles")  

134.   {  

135.       action = CCFadeOutDownTiles::create(5,CCSize(16, 12));  

136.   }  

137.  

138.   //网格从左下到右上消失  

139.   if (an == "CCFadeOutTRTiles")  

140.   {  

141.       action = CCFadeOutTRTiles::create(5, CCSize(16,12));  

142.   }  

143.  

144.   //网格从下到上消失  

145.   if (an == "CCFadeOutUpTiles")  

146.   {  

147.       action = CCFadeOutUpTiles::create(5, CCSize(16,12));  

148.   }  

149.  

150.   //创建一个X轴3D反转特效  

151.   if (an == "CCFlipX3D") // 影响touch  

152.   {  

153.       action = CCFlipX3D::create(5);  

154.   }  

155.  

156.   //创建一个Y轴3D反转特效  

157.   if (an == "CCFlipY3D")  

158.   {  

159.       action = CCFlipY3D::create(5);;  

160.   }  

161.  

162.    //网格跳动特效  

163.   if (an == "CCJumpTiles3D")  

164.   {   //参数：时间,网格大小,次数,振幅  

165.       action = CCJumpTiles3D::create(5, CCSize(16,12), 56, 5.0f);  

166.   }  

167.  

168.   //凸透镜特效  

169.   if (an == "CCLens3D")  

170.   {  

171.       //参数：时间,网格大小,圆心坐标,圆半径  

172.       action = CCLens3D::create(5, CCSize(16, 12),ccp(winSize.width / 2, winSize.height / 2), 100);  

173.   }  

174.  

175.    //液体特效  

176.   if (an == "CCLiquid")  

177.   {  

178.       //参数：时间,网格大小,速度,振幅  

179.       action = CCLiquid::create(56, CCSize(16, 12),56, 2.0f);  

180.   }  

181.  

182.   //3D翻页特效  

183.   if (an == "CCPageTurn3D")  

184.   {  

185.       action = CCPageTurn3D::create(5, CCSize(16,12));  

186.   }  

187.  

188.   //创建一个3D水波特效  

189.   if (an == "CCRipple3D")  

190.   {  

191.       //参数：时间,网格大小,坐标,半径,速度,振幅  

192.       action = CCRipple3D::create(10, CCSize(16, 12),ccp(winSize.width / 2, winSize.height / 2), 100, 10, 50.0f);  

193.   }  

194.  

195.    //创建一个3D晃动的效果  

196.   if (an == "CCShaky3D")  

197.   {  

198.       //参数：时间,晃动网格大小,晃动范围,Z轴是否晃动  

199.       action = CCShaky3D::create(10, CCSize(16, 12),2, true);  

200.   }  

201.  

202.   //创建一个3D瓷砖晃动的效果  

203.   if (an == "CCShakyTiles3D")  

204.   {  

205.       //参数：时间,晃动网格大小,晃动范围,Z轴是否晃动  

206.       action = CCShakyTiles3D::create(5, CCSize(16,12), 2, true);  

207.   }  

208.  

209.    //创建一个3D破碎瓷砖特效  

210.   if (an == "CCShatteredTiles3D")  

211.   {  

212.       //参数：时间,晃动网格大小,晃动范围,Z轴是否晃动  

213.       action = CCShatteredTiles3D::create(1,CCSize(16, 12), 7, true);  

214.   }  

215.  

216.   //瓷砖洗牌特效  

217.   if (an == "CCShuffleTiles")  

218.   {  

219.       //参数：时间,网格大小,随机数  

220.       action = CCShuffleTiles::create(5, CCSize(16,12), CCRANDOM_0_1()*10000);  

221.   }  

222.  

223.    //多行消失特效（垂直）  

224.   if (an == "CCSplitCols")  

225.   {  

226.       //参数：时间，行数  

227.       action = CCSplitCols::create(5, 9);  

228.   }  

229.  

230.   //多行消失特效（水平）  

231.   if (an == "CCSplitRows")  

232.   {  

233.       //参数：时间，行数  

234.       action = CCSplitRows::create(5, 9);  

235.   }  

236.  

237.     //方块消失  

238.   if (an == "CCTurnOffTiles")  

239.   {  

240.       //参数：时间,网格大小,随机数  

241.       action = CCTurnOffTiles::create(5, CCSize(16,12));  

242.   }  

243.  

244.    //创建一个扭曲特效  

245.   if (an == "CCTwirl")  

246.   {  

247.       //时间,网格大小,坐标,扭曲次数,振幅  

248.       action = CCTwirl::create(5, CCSize(16, 12),ccp(winSize.width / 2, winSize.height / 2), 5, 5.0f);  

249.   }  

250.  

251.    //创建一个波动效果  

252.   if (an == "CCWaves")  

253.   {  

254.       //参数：时间,晃动网格大小,波动速度,振幅,是否水平波动,是否垂直波动  

255.       action = CCWaves::create(5, CCSize(16, 12), 5,5.0f, true, false);  

256.   }  

257.  

258.    //创建一个3D波动效果  

259.   if (an == "CCWaves3D")  

260.   {  

261.       //参数：时间,晃动网格大小,波动速度,振幅  

262.       action = CCWaves3D::create(5, CCSize(16, 12), 5,5.0f);  

263.   }  

264.  

265.   //创建一个3D瓷砖波动效果  

266.   if (an == "CCWavesTiles3D")  

267.   {  

268.       //参数：时间,晃动网格大小,波动速度,振幅  

269.       action = CCWavesTiles3D::create(5, CCSize(16,12), 5, 5.0f);  

270.   }  

271.         

272.   if (action)  

273.   {  

274.       sprite->runAction(action);  

275.   }  

276.  

277.}  

278.  

279.voidActionEffect::ccTouchEnded(CCTouch* t, CCEvent*)  

280.{  

281.   CCPoint ptStart = t->getStartLocation();  

282.   CCPoint ptEnd = t->getLocation();  

283.   if (ptStart.getDistanceSq(ptEnd) <= 25)  

284.   {  

285.       // click  

286.       // 点中了哪个子窗口  

287.         

288.       // 转换ptStart为ScrollView中的Container的坐标  

289.       // 再判断被点击的LayerColor  

290.       CCPoint ptInContainer =_c->convertToNodeSpace(ptStart);  

291.       CCArray* arr = _c->getChildren(); // 所有的layercolor  

292.       for (int i = 0; i < sizeof(_actionName) /sizeof(*_actionName); i++)  

293.       {  

294.           CCLayerColor* layer = (CCLayerColor*)arr->objectAtIndex(i);  

295.           if(layer->boundingBox().containsPoint(ptInContainer))  

296.           {  

297.               testAction(i,layer);  

298.               break;  

299.           }  

300.       }  

301.   }  

302.  

303.}</font>

复制代码

更多cocos2d-x学习视频教程，请至9秒学院：http://www.9miaoxueyuan.com/查看。

finnifenhua
关注
cocos2d-x (三) ：场景、动作、动画特效
独特节奏的专栏
04-03 462
1、场景切换及效果     场景切换用replaceScene     添加切换动画     使用格式      可以上cocos2d-x的中文API 查看  http://cn.cocos2d-x.org/doc/cocos2d-x-3.0/da/d00/group__transition.html     如右上角到左下角淡出的切换效果 TransitionFadeBL * cre
【极客学院出品】Cocos2d-X系列课程之五-三大特效使用
u014525238的专栏
04-10 855
Cocos2d-x 是时下最热门的手游引擎，在国内和国外手机游戏开发使用的份额分别是70%和25%，在App Store的top10中，有7个是用它开发的。学了本节课程，也许你就能做出来一个呢!!! 本节课程为Cocos2d-x系列课程之五，学习三大特效:场景切换效果、控件动作、逐帧动画 课程适合小白系统学习，仅需9个课时，在极客学院首席讲师风趣幽默的课程里轻松
Cocos2d-x学习笔记（16）（常见22种特效）
aoe41606的博客
07-18 138
1、CCShaky3D：：create（int range。bool shakeZ，const ccGridSize& gridSize，float duration）//创建一个3D晃动的特效 參数1：晃动的范围 參数2：是否有Z轴晃动 參数3：网格大小 參数4：特效持续时间 2、CCShakyTiles3D：：create（int nRange，bool b...
CCActionTiledGrid(CCShuffleTiles CCFadeOutTRTiles CCTurnOffTiles CCWavesT3D CCJumpT3D CCSplitRows)
sssssNian的专栏
05-21 828
#ifndef __ACTION_CCTILEDGRID_ACTION_H__ #define __ACTION_CCTILEDGRID_ACTION_H__ #include "CCActionGrid.h" NS_CC_BEGIN /**  * @addtogroup actions  * @{  */
cocos2dx-3.2 3DAction 一些3D特效
学无止境! 无休无止!
10-07 1658
ffffsffsfsff 目录(?)[+] ～～～～我的生活，我的点点滴滴！！ 网格属性就像是一个个交叉形成的一系列的矩形。任何Node对象（Layer，Scene，Sprite等等）都具有这种特殊的属性，你可以通 过移动他们的顶点来变换这些网格。 有两种类型的网格：平铺的网格和非平铺的网格。他们两者的区别是平铺的网格由单个的网格组
cocos2d-x-3rd-party-libs-src:cocos2d-x的依存关系
05-28
cocos2d-x第三方库 该存储库包含与cocos2d-x捆绑在一起的第三方库（二进制）的源代码。 对于cocos2d-x开发人员和/或想要： 生成特定库的更新版本（例如：将libpng 1.6.2升级到1.6.14） 将cocos2d-x移植到其他平台...
cocos2d-x-3.1.zip
11-02
总的来说，Cocos2d-x 3.1是游戏开发者学习2D游戏开发的一个重要参考点，虽然它已经不是最新的版本，但其核心概念和机制在后续版本中仍然保持一致，是理解整个Cocos2d-x框架的基础。解压并研究“cocos2d-x-3.1”中的...
Cocos2d-x实战：JS卷——Cocos2d-JS开发
07-23
资源名称：Cocos2d-x实战：JS卷——Cocos2d-JS开发内容简介：本书是介绍Cocos2d-x游戏编程和开发技术书籍，介绍了使用Cocos2d-JS中核心类、瓦片地图、物理引擎、音乐音效、数据持久化、网络通信、性能优化、多平台...
Cocos2d-x 3.x游戏开发实战pdf含目录
07-24
《Cocos2d-x 3.x游戏开发实战》是一本深度探讨Cocos2d-x 3.x框架的游戏开发书籍，适合对游戏编程有兴趣的开发者学习。Cocos2d-x 是一个开源的、跨平台的2D游戏开发框架，广泛应用于iOS、Android、Windows等多平台的...
cocos2d-x-3.13.1.zip
04-21
通过学习cocos2d-x的API文档，可以快速上手创建游戏场景、添加交互元素、编写游戏逻辑。同时，利用其提供的工具如cocos console、cocos creator等，可以进行项目构建、调试和资源管理。 五、未来展望 随着cocos2d-x...
和屌丝一起学cocos2dx-24种基本特效
gl.paea.cn
08-25 2872
声  明        本教程仅用于初学cocos2dx同学使用，内容由本人（孤狼）学习过程中笔记编写，本教程使用cocos2dx版本为2.1.4。本教程内容可以自由转载，但必须同时附带本声明，或注明出处。 gl.paea.cn版权所有。        欢迎回到“和屌丝一起学cocos2dx”系列教程，上节我们说到了“基本动画制作优化篇
cocos2d-x动作、特效和动画（三）旋转和跳跃动作
果汁的专栏
01-15 8728
旋转动作和跳跃动作都很容易理解，就一起记下。 CCrotateTo和CCRotateBy，CCRotateBy是CCRotateTo的子类。CCRotateTo和CCRotateBy都是两个参数，第一个参数是时间间隔，第二个参数是旋转的角度。 //旋转动作 CCActionInterval * actionTo=CCRotateTo::create(2,45);//时间 度数 CCActi
cocos2d-x 动画常见的22种殊效
wangjingming01的专栏
01-03 1378
从现在比较火的游戏引擎cocos2d-x的特效进行整理，共大家一起学习。 1）CCShaky3D   感化：创建一个3d晃荡的殊效   参数1：晃荡的局限   参数2：是否有z轴晃荡   参数3：网格大小   参数4：殊效连气儿的时候   CCActionInterval * shaky3D= CCShaky3D::create（15， false， ccg（15， 10）， 4
Cocos2d-X 动作特效详解
u011269801的专栏
10-15 1033
如何让场景中的所有都受一个动作特效的影响呢？可以使用树形结构，在场景中建立一个CCNode，然后将场景中会受特效影响的对象都挂在这个特效上就可以了，如下代码就做到了这点 可以看到，所有的对象都挂在了node上面，另外还要注意当特效动作结束后，将场景恢复正常，可以用挂schedule的方式，实时监测，如下 如代码中一样，如果动作结束，那就恢复相应的状态，将setG
cocos2dx-3.2(36) 3DAction 一些3D特效
破茧
09-30 2390
～～～～我的生活，我的点点滴滴！！
cocos2d-x动作、特效和动画（三）扭曲动作
果汁的专栏
01-15 2748
转自：http://blog.csdn.net/hayyoung/article/details/8588876 [cpp] view plaincopyprint?     CCActionInterval *actionTo = CCSkewTo::create(2, 70.0f, 0.0f);       CCActionInterval *acti
cocos2dx 常见的49中动作详解
weixin_30340353的博客
04-06 411
bool HelloWorld::init() { ////////////////////////////// // 1. super init first if ( !CCLayer::init() ) { return false; } CCSprite * sp= CCSprite::create("I...
Unity-Transform-坐标转换
最新发布
m0_53393728的博客
09-16 457
世界坐标系 转本地坐标系 可以帮助我们大概判断一个相对位置。
cocos2d-x学习资源大集合
"cocos2d-x学习资源汇总" 在游戏开发领域，cocos2d-x是一个广泛使用的开源框架，尤其适合跨平台的游戏开发，包括iOS、Android、Windows等多个平台。这个资源汇总主要针对想要深入学习cocos2d-x的开发者，提供了一...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值