基于Cocos2d-JS的越狱酷跑游戏的设计与实现.docx

基于Cocos2d-JS的“越狱酷跑”游戏

的设计与实现

赖丽春金安安

摘要：基于Cocos2d-JS的“越狱酷跑”游戏的设计与实现，该文通过使用

Cocos2d-JS引擎、WebStorm编辑器以及CocosStudio场景布局功能，实现了游

戏中枪类、角色、游戏地图模块，实现了“越狱酷跑”游戏联网功能，同时实

现了PC端、手机端“越狱酷跑”游戏，并进一步对游戏中地图循环问题进行了

剖析，提供了比较好的解决方法。

关键词：Coco2d-JS;手机游戏;性能优化;HTML5

中图分类号：TN99文献标识码：A

文章编号：1009-3044（2019）14-0038-02

1研究背景

手机游戏逐渐普及到大众生活中，并慢慢走入人们的日常视野，基于网页开发

的游戏也随之而带动起来，并掀起了一股热潮。大部分开发者借助HTML5强大

的跨平台性，对于PC平台的部署和移动平台的部署的时机日语成熟。近年来，

很多设计师选择要求不高的动画主题，如纸牌游戏，策略游戏。“巴哈姆特之

怒”这是HTML5实现一次开发，并同时完成HTML5游戏。通过游戏具体的实现

过程，便于快速理解及应用。

过去的手机和电脑的内存是非常珍贵的，因此，很重视内存充不充足的问题。

虽然在这一技术上科技日益更新，但内存问题还是很重要的问题。目前市场流

动的手机游戏，大部分上从应用市场下载的游戏，这些属于原生游戏[1]。利用

Cocos2d-JS开发出来的免安装游戏，也就是HTML5游戏。因此，基于Cocos2d-

JS开发的游戏符合了现在的市场需求。

2游戏需求分析

总体目标：主要通过类似于超级马里奥寺庙，胜利大逃亡和其他游戏概念设计，

游戏引擎的分析和优化功能来实现。游戏场景地图有6个，每个场景可以是一

个无限循环，角色是由玩家控制的，进入游戏后，玩家需要控制屏幕上的角色

[2]。使角色在地图上滑行或者跳跃，以躲避攻击，地图无限循环，你也可以跑

回来，躲避子弹的射击，闯过关卡，即可以获得星星，以此获得分数。当角色

被子弹射击中，并耗尽生命数，则表示角色身亡，游戏结束。

在游戏结束的时候，对于玩家的游戏成果。我们采用数据持久化，仍然保留，

玩家可以最高分数进行比较。并可以看到玩家当前一局游戏分数，在单人游戏

模块中，大致的功能需求如下：1）实现欢迎动画功能[3]。刚开始游戏时，玩

家将进入游戏主菜单界面[4]。按PLAY开始游戏，你可以选择游戏开始并做好

准备;2）实现游戏说明功能。在主菜单界面进入游戏，即会弹出游戏规则窗口，

选择下次不提醒，下次则不会弹出该窗口;3）实现行走和从屏幕上跳跃控制玩

家角色的功能。滑动屏幕是角色行走功能，往右一直滑屏幕右边是角色跳跃，

考验着玩家的耐心和敏锐的观察力，同时手指还需要反应及时、迅速;4）实现

游戏中加载声音的功能。在游戏中的伴奏，背景音乐响起，按照精灵行动，相

应的配合动感的音乐节奏;5）实现碰撞功能。当子弹射击中精灵，精灵则不能

通过关卡，与子弹的碰撞，无论是向左或向右碰撞，只要碰撞到精灵，精灵的

耳朵则会两耳张开是开放的，生命的数量将被降低一;6）实现重力功能。精灵

跳跃高度不是随机的，以便反映重力功能的真实性，使在跳动到一定的高度自

动跳回地板上;7）实现子弹自动移动和射击的功能。主要的敌人，上空移动，

敌人会随机射击，按照时间和距离随意移动，然后释放出子弹;8）实现躲避功

能。当面对敌人时，玩家可以控制精灵逃脱，退回一定距离，抓住一次穿越的

机会;9）实现分数拾取功能。玩家可以控制人物通过过关，来获取分数和提高

生命数。玩家可以控制角色通过，在游戏过程中获得星星数，即是分数[5]。以

此来获得通关的机会;10）實现道具功能。玩家可以控制人物躲避射击，最终冲

越重重阻碍，拯救被困狱中的猫;11）实现子弹功能。由后台统一射击，不定时

释放出子弹。我们需要提供各种粒子效果，实现子弹射击中的效果，如火焰

弹;12）实现地图循环功能。无限的拖动地图，以达到游戏可以无限循环的结果。

利用了瓦片地图，背景可以不断重复利用，减少占用内存。

3游戏整体分析设计

1）游戏主循环模块：负责游戏中每一帧的循环处理，即刷帧模块。利用此模块，

结合瓦片地图可以实现。

2）游戏控制模块：角色、子弹、星星等的物品的创建、控制、移动功能的模块。

3）游戏物理引擎模块：提供游戏的物理属性，及物理世界的模拟，粒子系统实

现。