cocos2d-x游戏开发(三)无限滚动地图

2024-04-18 05:44:41

欢迎转载：http://blog.csdn.net/fylz1125/article/details/8498603

一般打飞机类游戏都是飞机不动，背景图滚动，造成飞机在天空飞的效果。

MoonWarriors的背景有两层，一个远景天空，一个近景漂浮物，这两层背景滚动速度不一样，形成一种纵深感。

如图：

图有点模糊，实际效果跟html5的一样（根本就是照着它写的，嘿嘿）

前面说了，背景分为两部分，天空和漂浮物，下面分别解释一下

1，天空背景

源图是一张320*576的jpg图片。加载的时候实质上是分两次进行的。

[cpp] view plaincopyprint?

m_backSky = CCSprite::create(s_bg01);
m_backSky->setAnchorPoint(ccp(0, 0));
m_backSkyHeight = m_backSky->getContentSize().height;
addChild(m_backSky, -10);

这是初始初始状态，加载后执行一个动作

[cpp] view plaincopyprint?

m_backSky->runAction(CCMoveBy::create(3, ccp(0, -48)));

就是移动48像素。然后调用一个重复的任务调度来重复滚动;

[cpp] view plaincopyprint?

schedule(schedule_selector(GameLayer:: movingBackground),3);

[cpp] view plaincopyprint?

来看下这个滚动函数：
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，使用瓦片地图的方式加载。

初始加载

[cpp] view plaincopyprint?

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)));

滚动部分：

[cpp] view plaincopyprint?

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;
}

打完收工

[cpp] view plaincopyprint?

<pre></pre>
<pre></pre>
<pre></pre>
<pre></pre>
<pre></pre>
<pre></pre>
<pre></pre>
<div style="padding-top:20px">
<p style="font-size:12px;">版权声明：本文为博主原创文章，转载请注明出处 http://blog.csdn.net/dawn_moon</p>
</div>

cocos2d-x游戏开发(三)无限滚动地图相关推荐

Cocos2d-x游戏开发实例详解3：无限滚动地图
通过自己的实际演练,详细解说Cocos2d-x引擎的个模块.今天讲解无限滚动地图.一般打飞机类游戏都是飞机不动,背景图滚动,造成飞机在天空飞的效果. MoonWarriors的背景有两层,一个远景天空 ...
iOS cocos2d 2游戏开发实战(第3版)
<iOS cocos2d 2游戏开发实战(第3版)> 基本信息原书名:Learn cocos2d 2: Game Development for iOS 作者: (美)Steffen I ...
iOS cocos2d 2游戏开发实战(第3版)---你的第一个游戏！
2019独角兽企业重金招聘Python工程师标准>>> 随着苹果公司不断地创新与发展,新的iPhone 5.iPad 4以及iPad mini产品相继问世,包括iOS与Xcode在内 ...
【通知】▁▂▃ Himi 最新著作《iOS游戏编程之从零开始—Cocos2d-x与cocos2d引擎游戏开发》★书籍源码+第4/5/6样章★-免费下载★ ▃▂▁
2013年新年,Himi的第二本著作:<iOS游戏编程之从零开始-Cocos2d-x与cocos2d引擎游戏开发>一书正式发售: (大家可以到新华书店.淘宝.拍拍.当当.亚马逊等进行购买) ...
Cocos2D手机游戏开发之优化篇
Cocos2D手机游戏开发之优化篇在这个手机游戏盛行已久的年代,一款产品想要博得更多用户的喜爱就要在细节上做得更加到位.而游戏的优化在这里面起到了非常关键的作用.试想下,一款画面和玩法都深受用户喜欢 ...
《Cocos2d 跨平台游戏开发指南（第2版）》一1.9　添加动作到精灵
本节书摘来异步社区<Cocos2d 跨平台游戏开发指南(第2版)>一书中的第1章,第1.9节,作者: [印度]Siddharth Shekar(谢卡)译者: 武传海责编: 胡俊英,更多章 ...
HTML5游戏开发(三)：使用webpack构建TypeScript应用
<HTML5游戏开发>系列文章的目的有:一.以最小的成本去入门egret小项目开发,官方的教程一直都是面向中重型:二.egret可以非常轻量:三.egret相比PIXI.js和sprite ...
添加类iOS cocos2d 2游戏开发实战(第3版)
这两天一直在学习添加类之类的问题,现在正好有机会和大家讨论一下. 第1章简介 1 1.1 第3版中的新增内容 2 1.2 选择ios版cocos2d的来由 3 1.2.1 收费 3 1.2.2 开源 ...
1、Cocos2dx 3.0游戏开发三找一小块前言
尊重开发人员的劳动成果,转载的时候请务必注明出处:http://blog.csdn.net/haomengzhu/article/details/27094663 前言 Cocos2d-x 是一个通用 ...

最新文章

热门文章