欢迎转载:http://blog.csdn.net/fylz1125/article/details/8498603
一般打飞机类游戏都是飞机不动,背景图滚动,造成飞机在天空飞的效果。
MoonWarriors的背景有两层,一个远景天空,一个近景漂浮物,这两层背景滚动速度不一样,形成一种纵深感。
如图:
图有点模糊,实际效果跟html5的一样(根本就是照着它写的,嘿嘿)
前面说了,背景分为两部分,天空和漂浮物,下面分别解释一下
1,天空背景
源图是一张320*576的jpg图片。加载的时候实质上是分两次进行的。
m_backSky = CCSprite::create(s_bg01);
m_backSky->setAnchorPoint(ccp(0, 0));
m_backSkyHeight = m_backSky->getContentSize().height;
addChild(m_backSky, -10);
这是初始初始状态,加载后执行一个动作
m_backSky->runAction(CCMoveBy::create(3, ccp(0, -48)));
就是移动48像素。然后调用一个重复的任务调度来重复滚动;
schedule(schedule_selector(GameLayer:: movingBackground),3);
来看下这个滚动函数:
void GameLayer::movingBackground()
{
m_backSky->runAction(CCMoveBy::create(3, ccp(0, -48)));
m_backSkyHeight -= 48;
if (m_backSkyHeight <= winSize.height) {
if (!m_isBackSkyReload) {
m_backSkyRe = CCSprite::create(s_bg01);
m_backSkyRe->setAnchorPoint(ccp(0, 0));
addChild(m_backSkyRe, -10);
m_backSkyRe->setPosition(ccp(0, winSize.height));
m_isBackSkyReload = true;
}
m_backSkyRe->runAction(CCMoveBy::create(3, ccp(0, -48)));
}
if (m_backSkyHeight <= 0) {
m_backSkyHeight = m_backSky->getContentSize().height;
this->removeChild(m_backSky, true);
m_backSky = m_backSkyRe;
m_backSkyRe = NULL;
m_isBackSkyReload = false;
}
}
可以看到,实质上是有两个CCSpite轮换加载来滚的。第一张滚加载完后图片比屏幕要高一些,它向下滚,滚到顶部到屏幕顶部的时候加载第二张,同时反转Reload标志位,第二张紧接着滚也滚进屏幕,当第一张滚出屏幕的时候,第一张节点被remove,但指针指向第二个精灵,第二个指针则被释放,同时标志位反转,这就完成了一个周期。整个过程不断重复。
2.近景漂浮物滚动
思路跟上面那个一模一样,但是这个的图片不一样,这是一个tmx,使用瓦片地图的方式加载。
初始加载
m_backTileMap = CCTMXTiledMap::create(s_level01);
addChild(m_backTileMap, -9);
m_backTileMapHeight = m_backTileMap->getMapSize().height * m_backTileMap->getTileSize().height;
m_backTileMapHeight -= 200;
m_backTileMap->runAction(CCMoveBy::create(3, ccp(0, -200)));
滚动部分:
m_backTileMap->runAction(CCMoveBy::create(3, ccp(0, -200)));
m_backTileMapHeight -= 200;
if (m_backTileMapHeight <= winSize.height) {
if (!m_isBackTileReload) {
m_backTileMapRe = CCTMXTiledMap::create(s_level01);
this->addChild(m_backTileMapRe, -9);
m_backTileMapRe->setPosition(0, winSize.height);
m_isBackTileReload = true;
}
m_backTileMapRe->runAction(CCMoveBy::create(3, ccp(0, -200)));
}
if (m_backTileMapHeight <= 0) {
m_backTileMapHeight = m_backTileMap->getMapSize().height * m_backTileMap->getTileSize().height;
this->removeChild(m_backTileMap, true);
m_backTileMap = m_backTileMapRe;
m_backTileMapRe = NULL;
m_isBackTileReload = false;
}
打完收工
分享到:
相关推荐
精通COCOS2D-X游戏开发 精通COCOS2D-X游戏开发 精通COCOS2D-X游戏开发 精通COCOS2D-X游戏开发 精通COCOS2D-X游戏开发
资源名称:Cocos2D-X游戏开发技术精解内容简介:Cocos2D-X是一款支持多平台的 2D手机游戏引擎,支持iOS、Android、BlackBerry等众多平台。当前,很多移动平台流行的游戏,都是基于Cocos2D-X开发的。 《Cocos2D-X...
资源名称:Cocos2d-x实战:JS卷——Cocos2d-JS开发内容简介:本书是介绍Cocos2d-x游戏编程和开发技术书籍,介绍了使用Cocos2d-JS中核心类、瓦片地图、物理引擎、音乐音效、数据持久化、网络通信、性能优化、多平台...
《Cocos2D-X游戏开发技术精解》详细介绍如何使用Cocos2D-X引擎开发自己的移动平台游戏。全书共15章,主要内容包括:Cocos2D-X引擎简介;如何建立跨平台的开发环境;引擎的核心模块——渲染框架;如何实现动态画面和...
精通Cocos2d-x游戏开发(进阶卷)源代码 精通Cocos2d-x游戏开发(进阶卷)源代码 精通Cocos2d-x游戏开发(进阶卷)源代码
Cocos2d-x是移动跨平台开发最流行的游戏引擎,而本书是一本很全面的、比较‘接地气’的游戏开发教程。书中汇聚了热门手机游戏《捕鱼达人》开发的实战经验,作者从最基础的内容开始,逐步深入地介绍了Cocos2d-x的相关...
本光盘是《Cocos2d-x游戏开发实战精解》一书的配书光盘,内容介绍如下。 (1)本书教学视频:该文件夹收录了本书的配套多媒体教学视频,可用暴风影音等视频播放器播放。 (2)本书源文件:该文件夹收录了本书涉及...
资源名称:大富翁手机游戏开发实战基于Cocos2d-x3.2引擎内容简介:李德国编著的《大富翁手机游戏开发实战(基于 Cocos2d-x3.2引擎)》使用Cocos2d-x游戏引擎技术,带领读者一步一步从零开始进行大富翁移动游戏的开发...
一线资深游戏开发工程师根据Cocos2D-X 最新版本撰写,Cocos2D-X创始人王哲、CSDN创始人蒋涛联袂推荐 完全通过真实游戏案例驱动,不仅将Cocos2D-X的各种功能、原理、技巧融入其中,而且还详细讲解了空战类、塔防类、...
Cocos2d-x-3.x游戏开发之旅-钟迪龙著 全新pdf版和附书代码(代码为工程文件,可复制) 附带目录标签
Cocos2d-x 3.x游戏开发实战pdf含目录,内容详细,强烈推荐给大家。
Cocos2d-x游戏编程——C++篇(电子工业出版社,徐飞 著)书本配套的光盘代码,
一线资深游戏开发工程师根据Cocos2D-X 最新版本撰写,Cocos2D-X创始人王哲、CSDN创始人蒋涛联袂推荐 完全通过真实游戏案例驱动,不仅将Cocos2D-X的各种功能、原理、技巧融入其中,而且还详细讲解了空战类、塔防类、...
Cocos2d-x高级开发教程:制作自己的《捕鱼达人》 图书简介: 《Cocos2d-x高级开发教程:制作自己的《捕鱼达人》》是国内第一本全面深入讲解Cocos2d-x进阶内容的图书,Cocos2d-x创始人王哲作序推荐,《捕鱼达人》开发...
资源名称:Cocos2d-X案例开发大全内容简介:《Cocos2d-X案例开发大全》包括大量基于Cocos2d-X开发的游戏案例,详细讲解了基于Cocos2d-X游戏引擎在Android及iOS平台下进行游戏开发的思路,能够快速帮助读者提升利用...
Cocos2D-X游戏开发技术精解学习
cocos2d-x-2.1.5