Cocos2d-x游戏实例-《跑跑跑》制作教程(第四篇)——地图卷动

简介:

上一篇我们已经把我们跑的主题体现出来了,但是,主角跑没多久就离开地图了,也离开屏幕了,这不靠谱啊喂,我们得让地图也动起来(难道我做这么长的地图是摆设么~)。

 

1. 地图卷动规则

首先要定一个规则,地图怎么卷动?我们定义为这样,地图只会横向往左卷动,当主角超过屏幕中点的时候地图就开始卷动。最终的效果应该是这样的:

留意最左边,地图最左边已经有部分没有显示出来了,证明地图已经往左移动了一小段距离。

 

2. 触发卷动

我们在主角坐标改变的时候就判断是否需要移动地图,来,我们给Player类增加一个函数:

01 voidPlayer::setViewPointByPlayer()
02 {
03     if(mSprite == NULL) {
04         return;
05     }
06     CCLayer* parent = (CCLayer* )mSprite->getParent();
07  
08 /* 地图方块数量 */
09 CCSize mapTiledNum = map->getMapSize();
10  
11     /* 地图单个格子大小 */
12     CCSize tiledSize = map->getTileSize();
13  
14 /* 地图大小 */
15     CCSize mapSize = CCSize::CCSize(
16         mapTiledNum.width * tiledSize.width,
17         mapTiledNum.height * tiledSize.height);
18  
19     /* 屏幕大小 */
20     CCSize visibleSize = CCDirector::sharedDirector()->getVisibleSize();
21  
22     /* 精灵的坐标 */
23     CCPoint spritePos = mSprite->getPosition();
24  
25     /* 如果精灵坐标小于屏幕的一半,则取屏幕中点坐标,否则取精灵的坐标 */
26     floatx = max(spritePos.x, visibleSize.width / 2);
27     floaty = max(spritePos.y, visibleSize.height / 2);
28  
29     /* 如果x、y的坐标大于右上角的极限值,则取极限值的坐标(极限值是指不让地图超出屏幕造成出现黑边的极限坐标) */
30     x = min(x, mapSize.width - visibleSize.width / 2);
31     y = min(y, mapSize.height - visibleSize.height / 2);
32  
33     CCPoint destPos = CCPoint::CCPoint(x, y);
34     CCPoint centerPos = CCPoint::CCPoint(visibleSize.width / 2, visibleSize.height / 2);
35  
36     /* 计算屏幕中点和所要移动的目的点之间的距离 */
37     CCPoint viewPos = ccpSub(centerPos, destPos);
38  
39     parent->setPosition(viewPos);
40 }

这个函数的功能是,让地图所在图层以主角为中心进行移动,也就是,让世界的焦点停留在主角身上,屏幕随着主角移动,这样说比较清晰。

这个函数的算法解释起来可能有点繁琐,总之就是为了让地图跟随主角移动,并且要判断边界值,不能让地图超出屏幕从而导致有黑边出现。大家可以根据这个思路自己写一个算法,也许比我的更好~

然后,我们的Player要重写父类的setSimplePosition函数:

1 voidPlayer::setSimplePosition(intx,inty )
2 {
3     Entity::setSimplePosition(x, y);
4  
5     /* 以主角为中心移动地图 */
6     setViewPointByPlayer();
7 }

记得在头文件里加上这句:

1 /* 重写父类的函数 */
2 virtualvoidsetSimplePosition(intx,inty);

于是,编译运行,就能看到主角在跑,地图也随之移动!

呼呼,终于有点意思了~

 

下一篇我们将给主角添加一个新的很帅的功能——上下移动。

来自未来的PS(2013.01.14):

多位朋友问过我为什么map变量未声明,可能是我忘记说了,map变量在Entity.h文件里声明的:

01 classEntity : publicCCNode,publicControllerListener {
02 public:
03     voidsetSprite(CCSprite* mSprite);
04     voidsetController(Controller* controller);
05  
06     /* 实现SimpleMoveListener接口的方法 */
07     virtualvoidsetSimplePosition(intx,inty);
08     virtualCCPoint getCurPosition();
09 protected:
10     CCSprite* mSprite;
11     Controller* mController;
12     CCTMXTiledMap* map;  /* ------------------------ Hi,我在这里~~!!! --------------------------- */
13  
14     CCTMXLayer* meta;   /* 检测碰撞的地图层 */
15     CCTMXLayer* barrier;/* 障碍物层 */
16  
17     /* 将像素坐标转换为地图格子坐标*/
18     CCPoint tileCoordForPosition(CCPoint pos);
19 };

















本文转蓬莱仙羽51CTO博客,原文链接: http://blog.51cto.com/dingxiaowei/1366382 ,如需转载请自行联系原作者
相关文章
|
2月前
|
JavaScript
关于网页游戏官网-部分游戏页面特效实现思路的简述
关于网页游戏官网-部分游戏页面特效实现思路的简述
43 0
关于网页游戏官网-部分游戏页面特效实现思路的简述
|
4月前
|
图形学
【Unity 3D】3D游戏跑酷小子实战教学(附源码和步骤 超详细)
【Unity 3D】3D游戏跑酷小子实战教学(附源码和步骤 超详细)
146 0
|
4月前
|
C# 图形学
【Unity】2D游戏-愤怒的小鸟教学实战(附源码和实现步骤 超详细)
【Unity】2D游戏-愤怒的小鸟教学实战(附源码和实现步骤 超详细)
166 1
|
4月前
|
索引
塔防游戏开发实战教程(2):创建不同类型的炮塔
塔防游戏开发实战教程(2):创建不同类型的炮塔
26 0
|
9月前
|
移动开发 前端开发 JavaScript
赛车游戏——【极品飞车】(内含源码inscode在线运行)
赛车游戏——【极品飞车】(内含源码inscode在线运行)
赛车游戏——【极品飞车】(内含源码inscode在线运行)
|
图形学 数据安全/隐私保护
还在用Unity开发游戏?那你就out了,试试用Unity做一个答题系统吧
大家都支持Unity是用来做游戏开发,比如说做2D游戏、3D游戏,或者工业虚拟仿真软件的开发。 其他Unity可以做的有很多,比如答题系统。 本篇就介绍答题系统的开发 这个答题系统,可以从文本文档中提取题目和分数,然后绑定到UI上,在答题的过程中,自动判断分数,自动判断正确率。 目的是实现一个可快速导入到项目中使用的小模块。
|
存储 定位技术 图形学
【猿创征文|Unity开发实战】—— 2D项目1 - Ruby‘s Adventure 游戏地图绘制(2-1)
【猿创征文|Unity开发实战】—— 2D项目1 - Ruby‘s Adventure 游戏地图绘制(2-1)
224 0
【猿创征文|Unity开发实战】—— 2D项目1 - Ruby‘s Adventure 游戏地图绘制(2-1)
|
存储 人工智能 定位技术
10分钟教你用C++写一个贪吃蛇附带AI功能(史上最详细最入门的贪吃蛇教程)附源代码下载
刚学完C++。一时兴起,就花几天时间手动做了个贪吃蛇,后来觉得不过瘾,于是又加入了AI功能。希望大家Enjoy It.
2060 0
|
Web App开发 测试技术
Arduboy 游戏机制作参考教程
arduboy官网:https://arduboy.com/ arduboy制作论坛:https://community.arduboy.
3897 0