Android游戲引擎libgdx使用教程4:舞臺(tái)和演員的游戲?qū)嵗?/h1>

作者：佚名 2013-12-04 16:28:29

演員是游戲設(shè)計(jì)中常用的一個(gè)對(duì)象，它接受舞臺(tái)的統(tǒng)一管理，擁有一些公共的事件，比如觸摸，點(diǎn)擊，但是同時(shí)還有自身的響應(yīng)和屬性；而舞臺(tái)就是容納演員的場(chǎng)所。它統(tǒng)一管理所有演員，接受輸入，同時(shí)提供一個(gè)方便的框架操作演員的時(shí)間變化。

大家先要有舞臺(tái)和演員的概念，下面通過一個(gè)游戲截圖來(lái)說明：

Android游戲引擎libgdx使用教程4：舞臺(tái)和演員的游戲?qū)嵗? />
控制人物的按鈕：
<p style=

package com.cnblogs.htynkn.listener;

import java.util.Date;

import java.util.Random;

import javax.microedition.khronos.opengles.GL;

import android.util.Log;

import com.badlogic.gdx.ApplicationListener;

import com.badlogic.gdx.Gdx;

import com.badlogic.gdx.graphics.GL10;

import com.badlogic.gdx.graphics.g2d.BitmapFont;

import com.badlogic.gdx.scenes.scene2d.Stage;

import com.cnblogs.htynkn.domain.FirstActor;

import com.cnblogs.htynkn.domain.NarrowButton;

public class FirstGame implements ApplicationListener {

private Stage stage;

private FirstActor firstActor;

private NarrowButton button;

@Override

public void create() {

stage = new Stage(Gdx.graphics.getWidth(), Gdx.graphics.getHeight(),

true);

firstActor = new FirstActor("renwu");

button = new NarrowButton("narrow");

stage.addActor(firstActor);

stage.addActor(button);

Gdx.input.setInputProcessor(stage);

}

@Override

public void dispose() {

stage.dispose();

}

@Override

public void pause() {

// TODO Auto-generated method stub

}

@Override

public void render() {

Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT);

stage.act(Gdx.graphics.getDeltaTime());

stage.draw();

}

@Override

public void resize(int width, int height) {

// TODO Auto-generated method stub

}

@Override

public void resume() {

// TODO Auto-generated method stub

}

再看一下FirstActor。

聲明一個(gè)Texture用于繪制。在構(gòu)造方法中獲取到高度和寬度，以便于后期的hit時(shí)間判斷。

package com.cnblogs.htynkn.domain;     
import com.badlogic.gdx.Gdx;     
import com.badlogic.gdx.graphics.Texture;     
import com.badlogic.gdx.graphics.g2d.SpriteBatch;     
import com.badlogic.gdx.scenes.scene2d.Actor;     
public class FirstActor extends Actor {     
Texture texture;     
@Override     
public void draw(SpriteBatch batch, float parentAlpha) {     
batch.draw(texture, this.x, this.y);     
}     
@Override     
public Actor hit(float x, float y) {     
if (x > 0 && y > 0 && this.height > y && this.width > x) {     
return this;     
} else {     
return null;     
}     
}     
@Override     
public boolean touchDown(float x, float y, int pointer) {     
// TODO Auto-generated method stub     
return false;     
}     
@Override     
public void touchDragged(float x, float y, int pointer) {     
// TODO Auto-generated method stub     
}     
@Override     
public void touchUp(float x, float y, int pointer) {     
// TODO Auto-generated method stub     
}     
public FirstActor(String name) {     
super(name);     
texture = new Texture(Gdx.files.internal("actor1.gif"));     
this.height = texture.getHeight();     
this.width = texture.getWidth();     
}     
}

NarrowButton中代碼繪制部分和上面的以下，主要是有個(gè)點(diǎn)擊后控制人物行動(dòng)的問題。

修改touchDown事件：

通過Group獲取到FirstActor，控制x值。

public boolean touchDown(float x, float y, int pointer) {     
Actor actor = this.parent.findActor("renwu");     
actor.x += 10;     
return false;     
}

效果：

Android游戲引擎libgdx使用教程4：舞臺(tái)和演員的游戲?qū)嵗? />
到此為止一個(gè)最簡(jiǎn)單的人物控制我們已經(jīng)實(shí)現(xiàn)了。但是這個(gè)有實(shí)例還有很多可以改進(jìn)的地方，比如方向按鈕沒有點(diǎn)擊效果，人物沒有移動(dòng)效果。
我們可以使用Animation來(lái)實(shí)現(xiàn)。添加一張圖片：

具體的原理我們看一下Animation類：
<pre><ol class=

public class Animation {

final TextureRegion[] keyFrames;

public float frameDuration;

/** Constructor, storing the frame duration and key frames.

* @param frameDuration the time between frames in seconds.

* @param keyFrames the {@link TextureRegion}s representing the frames. */

public Animation (float frameDuration, List keyFrames) {

this.frameDuration = frameDuration;

this.keyFrames = new TextureRegion[keyFrames.size()];

for(int i = 0, n = keyFrames.size(); i < n; i++) {

this.keyFrames[i] = (TextureRegion)keyFrames.get(i);

}

/** Constructor, storing the frame duration and key frames.

* @param frameDuration the time between frames in seconds.

* @param keyFrames the {@link TextureRegion}s representing the frames. */

public Animation (float frameDuration, TextureRegion... keyFrames) {

this.frameDuration = frameDuration;

this.keyFrames = keyFrames;

}

/** Returns a {@link TextureRegion} based on the so called state time. This is the amount of seconds an object has spent in the

* state this Animation instance represents, e.g. running, jumping and so on. The mode specifies whether the animation is

* looping or not.

* @param stateTime the time spent in the state represented by this animation.

* @param looping whether the animation is looping or not.

* @return the TextureRegion representing the frame of animation for the given state time. */

public TextureRegion getKeyFrame (float stateTime, boolean looping) {

int frameNumber = (int)(stateTime / frameDuration);

if (!looping) {

frameNumber = Math.min(keyFrames.length - 1, frameNumber);

} else {

frameNumber = frameNumber % keyFrames.length;

}

return keyFrames[frameNumber];

}

可以看出所謂的動(dòng)畫其實(shí)是一張一張的圖片不斷切換（其實(shí)所有的動(dòng)畫都是這個(gè)樣子的）。

我們構(gòu)造一個(gè)圖片列表然后根據(jù)事件變動(dòng)不停取出，重新繪制就形成動(dòng)畫了。

注意一下傳入的時(shí)間和圖片列表大小的問題，修改FirstActor代碼如下：

package com.cnblogs.htynkn.domain;     
import com.badlogic.gdx.Gdx;     
import com.badlogic.gdx.graphics.Texture;     
import com.badlogic.gdx.graphics.g2d.Animation;     
import com.badlogic.gdx.graphics.g2d.SpriteBatch;     
import com.badlogic.gdx.graphics.g2d.TextureRegion;     
import com.badlogic.gdx.scenes.scene2d.Actor;     
public class FirstActor extends Actor {     
Texture texture1;     
Texture texture2;     
Animation animation;     
TextureRegion[] walksFrame;     
float stateTime;     
@Override   
public void draw(SpriteBatch batch, float parentAlpha) {     
stateTime += Gdx.graphics.getDeltaTime();     
TextureRegion currentFrame = animation.getKeyFrame(stateTime, true);     
batch.draw(currentFrame, this.x, this.y);     
}     
@Override   
public Actor hit(float x, float y) {     
Gdx.app.log("INFO", x + " " + this.width);     
if (x > 0 && y > 0 && this.height > y && this.width > x) {     
return this;     
} else {     
return null;     
}     
}     
@Override   
public boolean touchDown(float x, float y, int pointer) {     
// TODO Auto-generated method stub     
return false;     
}     
@Override   
public void touchDragged(float x, float y, int pointer) {     
// TODO Auto-generated method stub     
}     
@Override   
public void touchUp(float x, float y, int pointer) {     
// TODO Auto-generated method stub     
}     
public FirstActor(String name) {     
super(name);     
texture1 = new Texture(Gdx.files.internal("actor1.gif"));     
texture2 = new Texture(Gdx.files.internal("actor2.gif"));     
this.height = texture1.getHeight();     
this.width = texture1.getWidth();     
TextureRegion region1;     
TextureRegion region2;     
region1 = new TextureRegion(texture1);     
region2 = new TextureRegion(texture2);     
walksFrame = new TextureRegion[30];     
for (int i = 0; i < 30; i++) {     
if (i % 2 == 0) {     
walksFrame[i] = region1;     
} else {     
walksFrame[i] = region2;     
}     
}     
animation = new Animation(0.25f, walksFrame);     
}     
}

效果：

Android游戲引擎libgdx使用教程4：舞臺(tái)和演員的游戲?qū)嵗? />
這里注意一下，為什么我們要Texture轉(zhuǎn)為TextureRegion。這是因?yàn)樵趯?shí)際開發(fā)中的圖片是集成在一起的，比如所有角色要用的圖片都是放在一張圖里，然后分割截取的，對(duì)應(yīng)的輔助方法TextureRegion.split。
另外我們可以發(fā)現(xiàn)NarrowButton和FirstActor中有大量代碼重復(fù)了，可能有朋友覺得應(yīng)該提取一下，其實(shí)libgdx已經(jīng)幫我們做了，可以參考

圖片分享：
這里有一些常用的UI控件，估計(jì)下一篇可以講到。</div> <div id= 責(zé)任編輯：閆佳明來(lái)源： jizhuomi