【cocos2d-x入门实战】微信飞机大战之一:搞个飞机来玩玩

原创作品,转载请标明http://blog.csdn.net/jackystudio/article/details/11650413

      学习了一个阶段的cocos2d-x,发现用起来还是蛮顺手的。然后决定做个入门级的小游戏练练手。

      好吧,现在绝大部分的cocos2d-x入门实战要么魔塔,要么跑酷,要么打飞机,当然我也不能免俗,刚好最近微信打灰机游戏比较火,刚好拿它来练练手,原游戏是用libgdx写的,话说的腾讯的蓝翔攻城狮花了一个礼拜搞定的,也难怪被各种破解。。。


      吐槽到此,进入正文,如有雷同,算我抄你。。。下载地址:http://as.baidu.com/a/item?docid=4225601&pre=web_am_se&f=web_alad_5@next

      cocos2d-x的环境配置和安装之类的,请参考:http://blog.csdn.net/jackystudio/article/details/11516435此文,本文基于此编写环境。


      工欲善其事必先利其器。再搞定cocos2d-x的安装后,首先我们要获得微信打飞机的资源,有句话说的好,游戏就是美工+if else。然后认识它们,了解一下打飞机的游戏元素,整个游戏的大致框架设计,和一些需要特别注意的点。


1.获取游戏资源

解压微信apk,在\assets\preload\shoot目录下,所有的打飞机资源都有了,其中包括:

(1)sound:游戏背景音乐和声效

(2)font:数字字体,主要是显示分数和炸弹的数量

(3)ui:有两张图,一张是背景和logo,另一张是游戏元素。

这一步,需要对ui进行一些PS修改处理,重新进行了texture的打包,得到plist。它原先是pack包,可以直接文本打开,获得各个UI的坐标和尺寸。最后是这个样子的。


【cocos2d-x入门实战】微信飞机大战之一:搞个飞机来玩玩_第1张图片



2.认识游戏元素

(1)hero,就是主角飞机了,有一个normal状态和4帧动态爆炸图。



(2)enemy1~enmy3,三种类型的敌机,体形从小到大。前两种有1种normal态和4帧的动态爆炸图,第三种也就是最大的飞机normal态是2帧,爆炸态是6帧的动态图。



【cocos2d-x入门实战】微信飞机大战之一:搞个飞机来玩玩_第2张图片


(3)ufo,也就是从天上掉下来的2个降落伞技能,一个是全屏爆炸,一个是双排子弹。



(4)bullet,子弹,有2种颜色,单排(shi黄色)和双排(蓝色)。



(5)过场元素,主要是logo和分数显示和动画。

【cocos2d-x入门实战】微信飞机大战之一:搞个飞机来玩玩_第3张图片


(6)控制元素,主要是暂停和使用ufo等。


3.游戏框架

(1)游戏欢迎界面,主要用于显示logo和预加载音乐。

【cocos2d-x入门实战】微信飞机大战之一:搞个飞机来玩玩_第4张图片

(2)游戏场景界面,主要用于游戏的进行。这里主要包含飞机层,三类敌机层,子弹层,ufo层和控制层。

【cocos2d-x入门实战】微信飞机大战之一:搞个飞机来玩玩_第5张图片

(3)游戏结束界面,主要用于显示分数和游戏返回。

【cocos2d-x入门实战】微信飞机大战之一:搞个飞机来玩玩_第6张图片


4.游戏主要注意的点

(1)精灵动画。

(2)碰撞检测。

(3)游戏控制。

(4)过场动画。

(5)数据储存。

(6)音效处理。

(7)游戏数值。

这里就简单这么写吧,后面我们再一一进行解释。


游戏的所有资源(UI,Sound,Font)可以到这里下载:http://download.csdn.net/detail/jackyvincefu/6316543

你可能感兴趣的:(cocos2d-x)