如何使用libgdx编写一个简单的游戏(一)— 雏形

14 2月

写这几篇文章主要是看了这个系列的文章:http://www.raywenderlich.com/352/how-to-make-a-simple-iphone-game-with-cocos2d-tutorial

这个系列主要讲述了如何使用Cocos2D编写简单的游戏。稍微读读感觉不错,所以想写个libgdx版本的。

本篇文章主要讲述基本内容的编写,包括显示人物、怪兽和飞镖。

最终效果如下图:

01_thumb1

获取libgdx

你可以从libgdx的官网下载打包好的代码,我下载的是0.98版本。

02_thumb4

当然,你也可以从git代码仓库获取最新的版本的,或者你习惯使用的以前版本,比如0.97。

创建项目

libgdx项目的创建可以有多种方式,我推荐使用setup-ui。方便易用还可以省去很多麻烦,特别是ADT升级以后的ClassNotFound问题。

如果是下载打包好的,那么就默认包含了gdx-setup-ui,双击就可以打开。

03_thumb1

填写一些基本信息,然后选中你下载的0.98.zip那个压缩文件。这里我只生成一个桌面项目和Android项目。

桌面项目是方便调试,而Android项目是最后发布的。在整个开发中我始终用桌面项目调试,因为速度快,容易排错。同时周期性的在Android真机上测试。

04_thumb1

点击生成项目,然后在Eclipse中导入。

05_thumb1

一般导入进去以后Android项目会有一些问题,修改project.properties文件和AndroidManifest.xml配置文件。

运行效果如下:

06_thumb1

准备工作

本例子中用到的图片如下:

Player_thumb Projectile_thumb Target_thumb

用gdx-texturepacker打包成一张大图。

07_thumb1

我整个例子都是用的是Stage模式。所以它的坐标原点在左下角,如果是一般用Spirte直接绘制,那么原点在右上角。

首先将打包好的图册复制到assets中新建的pack文件夹。

然后我们开始动工了,首先删除setup-ui生成的多余代码,整理DartsShaSha.java文件如下:


这时候运行效果是一个白茫茫的画面。

09_thumb1

注意一下这句


因为我希望屏幕的自适应有Stage自动完成,所以坐标基本可以写死。

先不着急开工,我们先添加一个现实FPS的标签。我希望这个标签显示在屏幕右下角。

在create方法中添加


在render方法中更新fps的值


效果如下:

10_thumb1

添加忍者

现在来添加我们的主角,我希望主角显示在屏幕左侧中央。所以它的x值必然是0,但是它的y值并不是320的一半,而是160减去图片高度的一半。

因为我们指定的x、y值其实相对图片的左下角的。所以要补上多余或者不足的部分。

主角其实就是一张图片,并没有太多特别的效果,所以我使用Image类。

首先获取图册


在从图册中获取Player.png并创建Image对象。


效果如下:

11_thumb1

添加怪兽

然后我们来添加几只怪兽。怪兽应该是随机从屏幕右侧出现,并直线移动到屏幕左侧。

同时我们还要检测怪兽的生命值什么的,或者其他效果,所以为了方便处理,我们专门建立一个Group来管理怪兽。

新建类TargetGroup,并集成Group类。


因为还需要传入怪兽的图片,所以我们的创建方法保留参数AtlasRegion region。

怪兽的Y值因为是随机的,但是又不能超出屏幕。所以用随机数来生成。libgdx的MathUtils提供了相关方法。


这里还有一个问题需要注意,就是怪兽之间不应该出现遮挡,所以对于生成的Y值还需要进行判断。

假设我们要生成3只怪兽,那么代码应该如下:


在主类的create方法中添加


效果如下:

12_thumb1

目前怪兽还不能移动,这里需要一个简单的动画效果,libgdx中的Action可以办到。

考虑到怪兽是水平移动,即Y值不变,X值变小。

所以添加一个方法


怪兽的移动速度也随机一下,代码如下


效果如下:

13_thumb1

添加武器

我们的主角自然不能赤手空拳和怪兽进行搏斗,现在添加一些飞镖。

假定用户触摸屏幕以后,主角就向触摸位置发射一个飞镖。

因为飞镖的数量不一定,所以我这里创建一个专门的类ProjectileFactory来处理。

首先是飞镖的创建,和怪兽群一样的原因,我还是希望一个专门的组来管理。

创建一个专门的方法来创建飞镖


在主类进行一些修改以便其可以获取屏幕的触摸。

首先修改类声明为


其实具体也可以两个都实现接口,主要是我觉得看着不舒服。

重写touchDown方法为


在create方法中添加新的Group并设置Input响应。


效果如下:

更完善的飞镖

飞镖虽然添加出来了,但是飞镖没有转动…而且飞镖没有在到达目的地后自动消失。

现在先来添加旋转效果,libgdx提供了rotateBy方法。

在创建飞镖的createProjectile方法中添加


这个不方便截图,就不展示效果了。

现在来考虑如何让飞镖到达目的后消失。首先来看看我们的Image对象,它包含了两个Action,一个是旋转Action,另外一个移动Action。

我们可以检测Action的数量,如果只有一个Action,我们可以断定飞镖只是在旋转而已经到达目的地了。这个时候就可以把它删除了。

添加一个专门的方法来判断飞镖是否应该移除了


在render方法中添加处理代码


效果如下:

现在飞镖可以自动消失了,并且也在旋转了。不过旋转效果很奇怪,它并不是沿中心旋转,而是沿着左下角旋转的。

重新设置中心


现在一切正常了。

碰撞检测和杀敌

当然,发出飞镖的目的自然是杀敌,现在马上来添加这个功能。

我们可以把怪兽看着一个矩形,即飞镖击中任何位置都算作有效。而飞镖就以其中心为代表。

创建方法attackAlive


在render方法中修改


效果如下:

16_thumb1

写在最后

虽然实现了个大概,但是仔细看看其实问题还是很多的,后面的文章会提到进一步的修改。包括逻辑上的完善,声音效果,预加载,背景绘制,集成第三方社交和广告等等。

这片文章对应demo可以从这里下载来试试。

http://pan.baidu.com/share/link?shareid=328840&uk=4127624209

我用的2.2的sdk编译的,低版本没有测试。我的手机是ZTE V880,fps50上下。

ps:testin的测试结果是通过率100.00%

ps: 代码上传到github上了,地址https://github.com/htynkn/DartsShaSha

文章对应的代码的tag为page 1。

发表评论

电子邮件地址不会被公开。