Cocos2dx游戏开发系列笔记10:解刨《战神传说》
2019独角兽企业重金招聘Python工程师标准>>>
有点困了,从桌子换到床上,刚要开敲,豆瓣电台传来的传来奇怪的歌声“马的~马的~”
看看歌词,应该是“慢慢等”,好吧,继续
首先看下vs中的文件
整个项目就这些代码,这样来看逻辑结构比较清晰。
-----------------------------------------------------------------------------------------------------------
首先看下菜单界面:
-----------------------------------------------------------------------------------------------------------
这个游戏菜单界面有很多值得学习的地方
在init初始化里,先添加背景图,setScaleX方法可以让背景图根据手机屏幕来自适应。
- winSize = CCDirector::sharedDirector()->getWinSize();
- //添加背景 0 ;1;
- CCSprite* sl = CCSprite::create(s_loading);
- sl->setScaleX(winSize.width/sl->getContentSize().width);
- sl->setScaleY(winSize.height/sl->getContentSize().height);
- sl->setAnchorPoint(ccp(0, 0));
- this->addChild(sl,0,1);
然后添加时那个菜单按钮,这里使用CCSprite来初始化的CCMenuItemSprite。
- CCSprite* aboutNormal = CCSprite::create(s_menu, CCRectMake(252, 0, 126, 33));
- CCSprite* aboutSelected = CCSprite::create(s_menu, CCRectMake(252, 33, 126, 33));
- CCSprite* aboutDesabled = CCSprite::create(s_menu, CCRectMake(252, 33*2, 126, 33));
- CCMenuItemSprite* about = CCMenuItemSprite::create(aboutNormal, aboutSelected, aboutDesabled,
- this, menu_selector(StartMenu::menuCallback));//StartMenu::menuCallback
- /“关于”按钮tag为21
- about->setTag(21);
把item添加到menu里之后,再添加到界面上。
下面语句作用是,让menu的所有按钮竖着排列,并且设置间距为20.
- menu->alignItemsVerticallyWithPadding(20);
菜单里有个飞机一直在抢镜头,是这样实现的:
首先添加一个update函数,调用频率是0.1秒。
//添加update回调函数
this->schedule(schedule_selector(StartMenu::update), 0.1);
- //飞船在初始界面移动函数
- void StartMenu::update(float dt)
- {
- if (m_ship->getPosition().y > winSize.height)
- {
- CCPoint pos = ccp(CCRANDOM_0_1() * winSize.width, 10);
- m_ship->setPosition(pos);
- m_ship->runAction(CCMoveBy::create(floor(5 * CCRANDOM_0_1()), ccp(CCRANDOM_0_1() * winSize.width, pos.y + winSize.height)));
- }
- }
然后在update里,根据小飞机的y坐标,来添加动画,
先把小飞机放在最底下,x坐标的位置是随机的。
然后以随机速度往上飞行。
按钮点击时还播放一个特效,而且点击开始游戏后,会有一个太阳光的特效划过屏幕,以一个demo的角度来看,这是非常炫的!
- //选择按钮时的音乐
- void StartMenu::onButtonEffect()
- {
- if (Config::sharedConfig()->getAudioState()) {
- SimpleAudioEngine::sharedEngine()->playEffect(s_buttonEffect);
- }
- }
- //选择开始游戏之后的效果
- void StartMenu::flareEffect(CCObject* pSender)
- {
- onButtonEffect();
- int n=0;
- CCLog("begin>>>StartMenu::flareEffect",n);
- Effect* flareEffect = Effect::create();
- CCCallFunc *callback = CCCallFunc::create(this, callfunc_selector(StartMenu::newGame));
- CCLog("begin>>>StartMenu::flareEffect>>1",n);
- flareEffect->flareEffect(this, callback);
- CCLog("begin>>>StartMenu::flareEffect>>2",n);
- }
在这个例子中,按钮事件是指定同一个回调函数,然后根据tag判断点击的是哪个menuItem的。
- void StartMenu::menuCallback(CCObject* pSender)
- {
- onButtonEffect();
- int tag = dynamic_cast<CCNode*>(pSender)->getTag();
- if (tag == 20) {
- //转到"Options"
- CCScene *scene = Options::scene();
- CCDirector::sharedDirector()->replaceScene(CCTransitionFade::create(1.2, scene));
- }
-----------------------------------------------------------------------------------------------------------
紧接着,看下Effect类里这个动画效果
-----------------------------------------------------------------------------------------------------------
就是这种太阳光效果,在点击开始游戏之后,播放这个特效,并且加入回调。
- Effect* flareEffect = Effect::create();
- CCCallFunc *callback = CCCallFunc::create(this, callfunc_selector(StartMenu::newGame));
- CCLog("begin>>>StartMenu::flareEffect>>1",n);
- flareEffect->flareEffect(this, callback);
以下是 flareEffect方法:
- //执行完这个函数跳到StartMenu::newGame()开始游戏
- void Effect::flareEffect(CCNode *parent, CCCallFunc *callback)
- {
- int n=0;
- CCSize winSize = CCDirector::sharedDirector()->getWinSize();
- // 特效图片
- CCSprite *flare = CCSprite::create(s_flare);
- // 设置混合模式
- ccBlendFunc cbl = {GL_SRC_ALPHA, GL_ONE};
- flare->setBlendFunc(cbl);
- // 添加到父节点
- parent->addChild(flare, 10);
- // 设置初始透明度
- flare->setOpacity(0);
- // 设置初始位置
- flare->setPosition(ccp(-30, winSize.height - 130));
- // 设置初始角度
- flare->setRotation(-120);
- // 设置初始放大系数
- flare->setScale(0.2);
- // 透明度渐变
- CCActionInterval *opacityAnim = CCFadeTo::create(0.5, 255);
- CCActionInterval *opacDim = CCFadeTo::create(1, 0);
- // 大小渐变
- CCActionInterval *bigAnim = CCScaleBy::create(0.7, 1.2, 1.2);
- // 渐变速度
- CCEaseSineOut *biggerEase = CCEaseSineOut::create(bigAnim);
- CCActionInterval *moveAnim = CCMoveBy::create(0.5, ccp(328, 0));
- CCEaseSineOut *moveEase = CCEaseSineOut::create(moveAnim);
- // 角度旋转
- CCActionInterval *roteAnim = CCRotateBy::create(2.5, 90);
- // 角度旋转速度,指数变化
- CCEaseExponentialOut * rotateEase = CCEaseExponentialOut::create(roteAnim);
- // 放大到原大小
- CCScaleTo *bigger = CCScaleTo::create(0.5, 1);
- // 动画完成后回调函数,干掉精灵
- CCCallFuncN *removeFunc = CCCallFuncN::create(flare, callfuncN_selector(Effect::killSprite));
- // 执行动画和回调函数
- flare->runAction(CCSequence::create(opacityAnim, biggerEase, opacDim, removeFunc, callback, NULL));
- flare->runAction(moveEase);
- flare->runAction(rotateEase);
- flare->runAction(bigger);
- CCLog("end>>>Effect::flareEffect()",n);
- }
资源就这几个,其实分解起来也很简单,就是旋转、缩放、渐隐、位置等。
好了休息会,过会去爸妈家吃饭:)
------------------- 飞船起飞--------------------
Cocos2dx游戏开发系列笔记10:解刨《战神传说》
Cocos2dx游戏开发系列笔记9:android手机上运行《战神传说》,并解决横竖屏即分辨率自适应
Cocos2dx游戏开发系列笔记8:开搞一个射击游戏《战神传说》//就个打飞机的
Cocos2dx游戏开发系列笔记7:一个简单的跑酷游戏《萝莉快跑》的消化(附下载)
Cocos2dx游戏开发系列笔记6:怎样让《萝莉快跑》的例子运行在vs和手机上
Cocos2dx游戏开发系列笔记5:继续润色《忍者飞镖射幽灵》
Cocos2dx游戏开发系列笔记4:怎样新加一个Scene类?
Cocos2dx游戏开发系列笔记3:牛刀小试->忍者飞镖射幽灵的Demo
Cocos2dx游戏开发系列笔记2:一个刚创建的cocos2dx中的demo里都有什么
Cocos2dx游戏开发系列笔记1:一个崭新的开始,cocos2dx2.2+ndkr9+Cygwin
-------------------- 飞船降落--------------------
最后,骨头介绍一下陪在身边的哲哲(右边就是低调的哲哲)
哲哲,小名 YIYI ,手工爱好者,文艺范,手艺人,《YiYiの妙舍》创始人,很有自己想法。
转载于:https://my.oschina.net/kaiyuan/blog/182676
Cocos2dx游戏开发系列笔记10:解刨《战神传说》相关推荐
- Cocos2dx游戏开发系列笔记11:解刨《战神传说》完结篇
懒骨头(http://blog.csdn.net/iamlazybone QQ:124774397 ) 两点: 1 感谢 net19880504 同学,在上篇提到:想让骨头继续写<战神传说> ...
- Cocos2dx游戏开发系列笔记6:怎样让《萝莉快跑》的例子运行在vs和手机上
2019独角兽企业重金招聘Python工程师标准>>> 感谢听D同学赞助的Demo. 那怎样让它运行在vs中呢: 1 使用cocos2d-x-2.2\tools\project-cr ...
- Cocos2dx游戏开发系列笔记3:牛刀小试-忍者飞镖射幽灵的Demo
2019独角兽企业重金招聘Python工程师标准>>> 就是这个例子,应该很简单,主要用到的有:精灵的移动,触摸,碰撞检测. 赶紧搞定,待会还要陪哲哲来几局爱消除. 首先在Scene ...
- Cocos2dx游戏开发系列笔记8:开搞一个射击游戏《战神传说》//就个打飞机的
2019独角兽企业重金招聘Python工程师标准>>> 又是一个愉快的夜晚 还是那张长长的工作桌 哲哲在左边做一个香云纱手包 骨头在这里噼里啪啦的解刨 pad里放着<赢在中国& ...
- Cocos2dx游戏开发系列笔记5:继续润色《忍者飞镖射幽灵》
2019独角兽企业重金招聘Python工程师标准>>> 周末了,哲哲在旁边看<爸爸去哪>,骨头继续玩cocos2dx, 首先,如果你新加了CPP和H文件,记得修改项目目录 ...
- Cocos2dx游戏开发系列笔记5:继续润色《忍者飞镖射幽灵》(VS2013快捷键)
懒骨头(http://blog.csdn.net/iamlazybone QQ124774397 青岛 ) 周末了,哲哲在旁边看<爸爸去哪>,骨头继续玩cocos2dx, 源码下载 ht ...
- Cocos2dx游戏开发系列笔记7:一个简单的跑酷游戏《萝莉快跑》的消化(附下载)
懒骨头(http://blog.csdn.net/iamlazybone QQ124774397 青岛 ) 或许有天 我们羡慕和崇拜的人 因为我们的努力 也会来了解我们 说不定 还会成为好友 骨头喜 ...
- Cocos2dx游戏开发系列笔记7:一个简单的跑酷游戏《萝莉快跑》的消化(附下载)...
2019独角兽企业重金招聘Python工程师标准>>> 或许有天 我们羡慕和崇拜的人 因为我们的努力 也会来了解我们 说不定 还会成为好友 骨头喜欢这样与哲哲共勉 多少个夜晚 一张长 ...
- Cocos2dx游戏开发系列笔记9:android手机上运行《战神传说》,并解决横竖屏即分辨率自适应问题
转载:http://blog.csdn.net/iamlazybone/article/details/17191539 懒骨头(http://blog.csdn.net/iamlazybone Q ...
最新文章
- meson 中调用shell script
- 全球缺芯大潮中,以软代硬能否另辟蹊径?
- 创建一个强名称密钥文件+ 如何在 Visual C# .NET 中将程序集安装到全局程序集缓存中...
- 链栈的建立、判空、入栈、出栈、求长、访顶、清空和销毁
- 扩展Guava缓存溢出到磁盘
- 从Zabbix数据库中提取内存采集的数据,做内存使用率计算
- 集训04-06 (c++实现)
- jsonobject转list集合_怎样优雅的操作集合,CollectionUtils工具类正确使用姿势
- mybatis+spring mvc 完美整合方案 查询,保存,更新,删除自动生成
- vue跨域问题:proxy代理跨域
- windows下安装ta-lib的方法
- 早悟兰因(兰因絮果)
- JavaWeb毕业生就业管理系统项目实战教程
- Java 拓扑图构建_用JAVA画个简单的拓扑图
- LeetCode 739. 每日温度 | Python
- Ubuntu16.04安装运行go-ipfs
- 考研数学1-考试大纲(2022年)
- iphone6s html5没声音,iphone6s没有声音了怎么办(解决苹果机来电没声音的3种方式)...
- 镜子中的 Google
- 在vue中使用web3.js开发以太坊dapp