本文版权归作者所有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。
转载自夜明的孤行灯
本文链接地址: https://www.huangyunkun.com/2013/02/17/libgdx-game-2/
上一篇介绍游戏雏形的编写，这一篇将完善部分逻辑并添加更多效果。
例子代码在https://github.com/htynkn/DartsShaSha，如有需要请自行在tag中下载对应部分。
完善飞镖逻辑
现在的飞镖可以旋转可以飞行了，但是有一个问题却没有解决。
首先飞镖的速度，如果用户触摸位置很靠近左侧，那么飞镖的速度就很慢了。
其次，如果用户触摸中间位置，默认情况下飞镖应该是朝那个方向飞行，而不是飞到触摸位置就消失了。
这里的处理办法很简单，就是根据用户触摸位置，算出一个X为480的值，这样飞镖就可以飞到最右侧，同时保持相当的速度。
在createProjectile方法中添加
float r = (target.y - image.getY()) / (target.x - image.getX());//获取斜率
float detY = r *480;//获取Y的变动量
image.addAction(Actions.moveTo(480 + image.getX(), detY + image.getY(),
2f));// 设置飞镖的移动
这样基本就解决了问题。
接下来来思考飞镖的数量和相应位置。
首先飞镖的速度一定要得到限制，不然满屏幕飞镖有什么意思。这里限制飞镖的数量为5个。
在touchDown的最开始添加
if (projectiles.getChildren().size >=5) {//限制飞镖的数量为5个
returnfalse;
}
这样当屏幕上的飞镖数量大于等于5时就不会产生新的飞镖了。
还有就是触摸的位置，如果触摸的位置太靠右的话，会出现飞镖倒飞或者速度过快的问题，所以当触摸位置太靠近左侧的时候就不释放飞镖。
在touchDown方法中添加
if (vector3.x < man.getX() +5) {//如果触摸太靠近左侧就不响应
returnfalse;
}
这里的5是我随便写的，仅仅表示个意思。测试一下，觉得5还是太小了，最后我改成10了。
更带感的对手
说实话，现在的对手一动不动，只会匀速平移。我们先改进它的外貌吧。
我从http://untamed.wild-refuge.net/rmxpresources.php?characters获取到如下图片
打包以后放入assets文件夹中。
因为libgdx只有默认Animation类，但是没法办法直接在stage中使用，所以新建一个Scythe类并继承Actor类。
publicScythe(AtlasRegion atlasRegion) {
super();
this.setWidth(titleWidth);//设置高度
this.setHeight(titleHeight);//设置宽度
TextureRegion[][] temp = atlasRegion.split(titleWidth, titleHeight);//分割图块
walkFrames =new TextureRegion[4];//获取第二行的4帧
for (int i =0; i <4; i++) {
walkFrames[i] = temp[1][i];
}
animation =new Animation(0.1f, walkFrames);//创建动画，帧间隔0.1
}
因为原图宽200，高192，一共16张图，所以每一块的宽就是50，高48。使用Animation类需要手动提供相关帧，并通过Animation和当前时间获取的帧。
重写draw方法如下
@Override
publicvoiddraw(SpriteBatch batch,float parentAlpha) {
stateTime += Gdx.graphics.getDeltaTime();//获取总时间
currentFrame = animation.getKeyFrame(stateTime,true);//获取当前关键帧
batch.draw(currentFrame,this.getX(),this.getY(),this.getWidth(),
this.getHeight());//绘制
}
修改TargetGroup中有关region.getRegionHeight()的部分，全部除以4。同时修改Image类Scythe类。
最后完整的Scythe如下
package com.cnblogs.htynkn;
import com.badlogic.gdx.Gdx;
import com.badlogic.gdx.graphics.g2d.Animation;
import com.badlogic.gdx.graphics.g2d.SpriteBatch;
import com.badlogic.gdx.graphics.g2d.TextureAtlas.AtlasRegion;
import com.badlogic.gdx.graphics.g2d.TextureRegion;
import com.badlogic.gdx.scenes.scene2d.Actor;
publicclass Scythe extends Actor {
TextureRegion[] walkFrames;// 保存每一帧
Animation animation;// 动画类
float stateTime;// 总时间
TextureRegion currentFrame;// 当前帧
int titleWidth =50;// 声明块宽度
int titleHeight =48;// 声明块高度
publicScythe(AtlasRegion atlasRegion) {
super();
this.setWidth(titleWidth);// 设置高度
this.setHeight(titleHeight);// 设置宽度
TextureRegion[][] temp = atlasRegion.split(titleWidth, titleHeight);// 分割图块
walkFrames =new TextureRegion[4];// 获取第二行的4帧
for (int i =0; i <4; i++) {
walkFrames[i] = temp[1][i];
}
animation =new Animation(0.1f, walkFrames);// 创建动画，帧间隔0.1
}
@Override
publicvoiddraw(SpriteBatch batch,float parentAlpha) {
stateTime += Gdx.graphics.getDeltaTime();// 获取总时间
currentFrame = animation.getKeyFrame(stateTime,true);// 获取当前关键帧
batch.draw(currentFrame,this.getX(),this.getY(),this.getWidth(),
this.getHeight());// 绘制
}
}
效果如下：
添加血条
我们来试试在给予怪兽血量，即有些怪兽可以承受两次伤害。这里我们将用到比较基本的东西。
首先是血条的位置，一般来看应该在怪兽正上方，以红色显示。
绘制可以用很多种方法，我不怎么习惯mesh那套，所以这里我使用Pixmap类。
先在Sythe类中添加两个变量
int margin =2;// 血条和人物之间的间隔
int pixHeight =5;// 血条高度
然后在绘制方法中添加
Pixmap pixmap =new Pixmap(64,8, Format.RGBA8888);//生成一张64*8的图片
pixmap.setColor(Color.BLACK);//设置颜色为黑色
pixmap.drawRectangle(0,0, titleWidth, pixHeight);//绘制边框
Texture pixmaptex =new Texture(pixmap);//生成图片
TextureRegion pix =new TextureRegion(pixmaptex, titleWidth, pixHeight);//切割图片
batch.draw(pix,this.getX(),this.getY() +this.titleHeight
+this.margin);//绘制
这样我们就有了一个黑色的边框了
然后就是血量的填充了，在添加两个变量以记录总血量和当前血量
int maxHp;// 总血量
int currentHp;// 当前血量
绘制血条的代码添加到绘制完黑框的语句后面
pixmap.setColor(Color.RED);// 设置颜色为红色
pixmap.fillRectangle(0,1, titleWidth * currentHp / maxHp,
pixHeight -2);// 绘制血条
最后一定要释放掉pixmap
pixmap.dispose();
这是设置总血量为2，当前血量为1的效果
控制转换
增加了血量以后我们的代码也需要修改了，在主类DartsShaSha中修改相关的逻辑。
为了方便起见我们将游戏的逻辑赋给控制器。
先新建一个IController
package com.cnblogs.htynkn.controller;
import com.badlogic.gdx.scenes.scene2d.Group;
import com.badlogic.gdx.scenes.scene2d.Stage;
publicabstractclass IController extends Group {
publicabstractvoidupdate(Stage stage);
}
然后新建TargetController类，重写update方法，在这个方法中我们处理相关逻辑，然后在主类中只需要调用方法就可以。
首先将中已有的代码拷贝过来，然后在Sythe中添加两个方法来处理受到伤害和死亡判断。
publicvoidbeAttacked(int damage) {
if (this.currentHp > damage) {// 如果血量大于伤害就扣除响应数值
currentHp = currentHp - damage;
}elseif (this.currentHp >0) {// 如果血量小于伤害但是仍有血量就让血量归零
currentHp =0;
}
}
public BooleanisAlive() {
returnthis.currentHp >0;
}
然后在TargetController中添加update的相关代码
publicvoidupdate(Stage stage) {
Group projectiles = (Group) stage.getRoot().findActor("projectiles");// 获取飞镖所在Group
Actor[] projectile = projectiles.getChildren().begin();
Actor[] targets =this.getChildren().begin();
for (int i =0; i < projectiles.getChildren().size; i++) {
Actor actor = projectile[i];
for (int j =0; j <this.getChildren().size; j++) {
Actor target = targets[j];
if (ProjectileFactory.attackAlive(target, actor)) {
Scythe scythe = (Scythe) target;
scythe.beAttacked(1);
projectiles.removeActor(actor);
if (!scythe.isAlive()) {
this.removeActor(target);
}
break;
}
}
}
}
然后在主类中修改相关的实例化代码，在render中调用update方法。
targetController.update(this.stage);//调用update方法，处理怪兽的逻辑
效果如下：
飞镖的杀伤力和手势识别
上面的代码中每一个飞镖的杀伤力是1，每一个怪兽的血量是2。
现在我们来修改一下飞镖的控制，让飞镖也采用控制器来处理。
在这里设定为触摸一下屏幕是发射一般的飞镖，杀伤力为1。而长按以后的杀伤力是2。
libgdx中提供了一个手势识别的接口，实现它就可以了。这里我选择继承GestureAdapter。
publicclass DartsListener extends GestureAdapter
同时修改飞镖的控制为控制器模式，新建控制器DartsController。
代码如下：
package com.cnblogs.htynkn.controller;
import com.badlogic.gdx.graphics.g2d.TextureAtlas.AtlasRegion;
import com.badlogic.gdx.math.Rectangle;
import com.badlogic.gdx.scenes.scene2d.Actor;
import com.badlogic.gdx.scenes.scene2d.Stage;
import com.badlogic.gdx.scenes.scene2d.actions.Actions;
import com.cnblogs.htynkn.elements.Dart;
publicclass DartsController extends IController {
AtlasRegion region;
@Override
publicvoidupdate(Stage stage) {
// 如果飞镖已经飞到则刪除
Actor[] projectile =this.getChildren().begin();
for (int j =0; j <this.getChildren().size; j++) {
Actor actor = projectile[j];
if (!this.checkAlive(actor)) {
this.removeActor(actor);
}
}
}
publicDartsController(AtlasRegion region) {
this.region = region;
}
publicvoidAddDarts(Dart dart) {
if (this.getChildren().size >=5) {//如果飞镖数量大于等于5个就结束
return;
}
float r = (dart.getTarget().y - dart.getY())
/ (dart.getTarget().x - dart.getX());// 获取斜率
float detY = r *480;// 获取Y的变动量
dart.addAction(Actions.moveTo(480 + dart.getX(), detY + dart.getY(),2f));// 设置飞镖的移动
this.addActor(dart);
}
public BooleanattackAlive(Actor target, Actor projectile) {
Rectangle rectangle =new Rectangle(target.getX(), target.getY(),
target.getWidth(), target.getHeight());// 创建一个矩形
return rectangle.contains(
projectile.getX() + projectile.getWidth() /2,
projectile.getY() + projectile.getHeight() /2);// 判断是否在矩阵中，即是否击中
}
public BooleancheckAlive(Actor projectile) {
if (projectile.getActions().size ==1) {
returnfalse;
}
returntrue;
}
public DartcreateDart() {
returnnew Dart(region);
}
}
其中Dart类代码如下：
package com.cnblogs.htynkn.elements;
import com.badlogic.gdx.graphics.g2d.TextureAtlas.AtlasRegion;
import com.badlogic.gdx.math.Vector2;
import com.badlogic.gdx.scenes.scene2d.actions.Actions;
import com.badlogic.gdx.scenes.scene2d.ui.Image;
publicclass Dart extends Image {
Vector2 target;
publicDart(AtlasRegion region) {
super(region);
this.setOrigin(getWidth() /2, getHeight() /2);
this.addAction(Actions.repeat(50, Actions.rotateBy(360,0.5f)));
}
publicvoidsetTarget(Vector2 target) {
this.target = target;
}
publicvoidsetTarget(float x,float y) {
this.target =new Vector2(x, y);
}
public Vector2getTarget() {
return target;
}
}
因为我们的输入接受另外有类DartsListener来处理，所以修改主类的继承如下：
publicclass DartsShaSha implements ApplicationListener
在multiplexer中添加我们新的手势识别器
GestureDetector gestureDetector =new GestureDetector(
new DartsListener(this.stage));
multiplexer.addProcessor(gestureDetector);// 添加手势识别
目前DartsListener中代码如下
package com.cnblogs.htynkn.listener;
import com.badlogic.gdx.input.GestureDetector.GestureAdapter;
import com.badlogic.gdx.math.Vector3;
import com.badlogic.gdx.scenes.scene2d.Actor;
import com.badlogic.gdx.scenes.scene2d.Stage;
import com.cnblogs.htynkn.controller.DartsController;
import com.cnblogs.htynkn.elements.Dart;
publicclass DartsListener extends GestureAdapter {
Stage stage;
publicDartsListener(Stage stage) {
this.stage = stage;
}
@Override
publicbooleantouchDown(float x,float y,int pointer,int button) {
DartsController dartsController = (DartsController) stage.getRoot()
.findActor("dartsController");
if (dartsController.getChildren().size >=5) {// 限制飞镖的数量为5个
returnfalse;
}
Vector3 vector3 =new Vector3(x, y,0);
stage.getCamera().unproject(vector3);// 坐标转化
Actor man = stage.getRoot().findActor("player");
if (vector3.x < man.getX() +10) {// 如果触摸太靠近左侧就不响应
returnfalse;
}
Dart dart = dartsController.createDart();
dart.setX(man.getX() + man.getWidth() /2);
dart.setY(man.getY() + man.getHeight() /2);
dart.setTarget(vector3.x, vector3.y);
dartsController.AddDarts(dart);
returntrue;
}
@Override
publicbooleanlongPress(float x,float y) {
returntrue;
}
}
可能还有其他细节的修改，详细的请参考代码。
目前我们只能算是重构了一下，游戏效果并没有改变。现在来设置飞镖的杀伤力和长按的处理。
在Dart中添加属性
int power;
在实例化中添加
power =1;//默认杀伤力为1
将TargetController中的
scythe.beAttacked(1);
修改为
scythe.beAttacked(dart.getPower());
而中的longPress方法基本和touchDown相同，只是增加了
dart.setPower(2);//设置杀伤力为2
dart.setColor(Color.RED);//设置成红色
来思考一下处理流程，用户触摸屏幕，首先会触发tap事件，然后是touchDown，最后才是longPress。
也就是目前我们的游戏长按一下会发出一个普通的飞镖，然后才是我们的红色飞镖。
要处理这个问题，我们添加一个DartsDetector类，继承GestureDetector类。
因为事件的触发顺序是tap->touchdown->longpress->touchup。
所以我们的事件逻辑全部转移到touchup中，如果是longpress事件就发出红色飞镖，如果是touchdown就发出普通飞镖。
由于我们的DartsListener已经不处理任何逻辑了，所以删除其中所有代码。
GestureDetector中的代码如下
package com.cnblogs.htynkn.listener;
import com.badlogic.gdx.graphics.Color;
import com.badlogic.gdx.input.GestureDetector;
import com.badlogic.gdx.math.Vector3;
import com.badlogic.gdx.scenes.scene2d.Actor;
import com.badlogic.gdx.scenes.scene2d.Stage;
import com.cnblogs.htynkn.controller.DartsController;
import com.cnblogs.htynkn.elements.Dart;
publicclass DartsDetector extends GestureDetector {
Stage stage;
publicDartsDetector(Stage stage, GestureListener listener) {
super(listener);
this.stage = stage;
}
@Override
publicbooleantouchUp(float x,float y,int pointer,int button) {
DartsController dartsController = (DartsController) stage.getRoot()
.findActor("dartsController");
if (dartsController.getChildren().size >=5) {// 限制飞镖的数量为5个
returnfalse;
}
Vector3 vector3 =new Vector3(x, y,0);
stage.getCamera().unproject(vector3);// 坐标转化
Actor man = stage.getRoot().findActor("player");
if (vector3.x < man.getX() +10) {// 如果触摸太靠近左侧就不响应
returnsuper.touchUp(x, y, pointer, button);
}
Dart dart = dartsController.createDart();
dart.setX(man.getX() + man.getWidth() /2);
dart.setY(man.getY() + man.getHeight() /2);
dart.setTarget(vector3.x, vector3.y);
if (this.isLongPressed()) {//如果是长按就变成红色飞镖
dart.setPower(2);// 设置杀伤力为2
dart.setColor(Color.RED);// 设置成红色
}
dartsController.AddDarts(dart);
returnsuper.touchUp(x, y, pointer, button);
}
}
效果如下：
写在最后
这一篇修改了很多细节，可能部分很小但却关键的修改没有在文中标明。比如为Actor设置名称以便通过findActor方法获取。
如果直接复制有问题，可以从git库获取https://github.com/htynkn/DartsShaSha，对应的tag为page2。
apk地址是http://pan.baidu.com/share/link?shareid=331455&uk=4127624209
下一篇将会添加一些声音效果和资源加载，然后会添加一个统计功能。
本文版权归作者所有，欢迎转载，但未经作者同意必须保留此段声明，且在文章页面明显位置给出原文连接，否则保留追究法律责任的权利。
转载自夜明的孤行灯
本文链接地址: https://www.huangyunkun.com/2013/02/17/libgdx-game-2/
if (projectiles.getChildren().size >=5) {//限制飞镖的数量为5个
return false;
}
这个应该 return true吧;