Android游戏引擎libgdx使用教程4:舞台和演员的游戏实例

大家先要有舞台和演员的概念，下面通过一个游戏截图来说明：

创新互联从2013年创立，是专业互联网技术服务公司，拥有项目成都网站设计、做网站网站策划，项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命，1280元全椒做网站,已为上家服务,为全椒各地企业和个人服务,联系电话:13518219792

请仔细观察图片中的元素，有些东西是不能动，有些可以动，有些有特效，有些没有，有各种图片，但是其实它们都可以统一称为演员（Actor）。图中用框标出的就是演员。而整个游戏界面就是我们的舞台。

演员是游戏设计中常用的一个对象，它接受舞台的统一管理，拥有一些公共的事件，比如触摸，点击，但是同时还有自身的响应和属性；而舞台就是容纳演员的场所。它统一管理所有演员，接受输入，同时提供一个方便的框架操作演员的时间变化。

Stage类

我们来看一下Stage类：

       protected final Group root;

       protected final SpriteBatch batch;

       protected Camera camera;

它拥有一个Group，一个SpriteBatch，还有一个相机。

SpriteBatch我们在前几篇说过，这里就不再重复了。

Group是一个类，用于容纳和控制演员。但是这里要注意Group本身其实也是继承自Actor。

相机我们这里跳过，以后再说，可以暂时理解成一个控制观察视角和指标转化的工具。

当我们拥有一个演员后就可以调用addActor方法加入舞台。

舞台可以获取输入，但是需要设置。

       Gdx.input.setInputProcessor(stage);

舞台和演员实例分享

下面来个列子，控制一个人物前进。

控制人物的按钮：

将所需的图片放到assert中：

新建三个类：

FirstGame，实现接口ApplicationListener

FirstActor，继承Actor

NarrowButton，继承Actor

先看一下FirstGame

声明一个Stage，然后实例化FirstActor和NarrowButton，将二者加入舞台中，最后设置输入响应为Stage。

 
 
 
    
  
  
  
  1. package com.cnblogs.htynkn.listener;    
    2. 
  
  
  
  2. import java.util.Date;    
    3. 
  
  
  
  3. import java.util.Random;    
    4. 
  
  
  
  4. import javax.microedition.khronos.opengles.GL;    
    5. 
  
  
  
  5. import Android.util.Log;    
    6. 
  
  
  
  6. import com.badlogic.gdx.ApplicationListener;    
    7. 
  
  
  
  7. import com.badlogic.gdx.Gdx;    
    8. 
  
  
  
  8. import com.badlogic.gdx.graphics.GL10;    
    9. 
  
  
  
  9. import com.badlogic.gdx.graphics.g2d.BitmapFont;    
    10. 
  
  
  
  10. import com.badlogic.gdx.scenes.scene2d.Stage;    
    11. 
  
  
  
  11. import com.cnblogs.htynkn.domain.FirstActor;    
    12. 
  
  
  
  12. import com.cnblogs.htynkn.domain.NarrowButton;    
    13. 
  
  
  
  13. public class FirstGame implements ApplicationListener {    
    14. 
  
  
  
  14. private Stage stage;    
    15. 
  
  
  
  15. private FirstActor firstActor;    
    16. 
  
  
  
  16. private NarrowButton button;    
    17. 
  
  
  
  17. @Override    
    18. 
  
  
  
  18. public void create() {    
    19. 
  
  
  
  19. stage = new Stage(Gdx.graphics.getWidth(), Gdx.graphics.getHeight(),    
    20. 
  
  
  
  20. true);    
    21. 
  
  
  
  21. firstActor = new FirstActor("renwu");    
    22. 
  
  
  
  22. button = new NarrowButton("narrow");    
    23. 
  
  
  
  23. stage.addActor(firstActor);    
    24. 
  
  
  
  24. stage.addActor(button);    
    25. 
  
  
  
  25. Gdx.input.setInputProcessor(stage);    
    26. 
  
  
  
  26. }    
    27. 
  
  
  
  27. @Override    
    28. 
  
  
  
  28. public void dispose() {    
    29. 
  
  
  
  29. stage.dispose();    
    30. 
  
  
  
  30. }    
    31. 
  
  
  
  31. @Override    
    32. 
  
  
  
  32. public void pause() {    
    33. 
  
  
  
  33. // TODO Auto-generated method stub    
    34. 
  
  
  
  34. }    
    35. 
  
  
  
  35. @Override    
    36. 
  
  
  
  36. public void render() {    
    37. 
  
  
  
  37. Gdx.gl.glClear(GL10.GL_COLOR_BUFFER_BIT);    
    38. 
  
  
  
  38. stage.act(Gdx.graphics.getDeltaTime());    
    39. 
  
  
  
  39. stage.draw();    
    40. 
  
  
  
  40. }    
    41. 
  
  
  
  41. @Override    
    42. 
  
  
  
  42. public void resize(int width, int height) {    
    43. 
  
  
  
  43. // TODO Auto-generated method stub    
    44. 
  
  
  
  44. }    
    45. 
  
  
  
  45. @Override    
    46. 
  
  
  
  46. public void resume() {    
    47. 
  
  
  
  47. // TODO Auto-generated method stub    
    48. 
  
  
  
  48. }    
    49. 
  
  
  
  49. }  
    50.

再看一下FirstActor。

声明一个Texture用于绘制。在构造方法中获取到高度和宽度，以便于后期的hit时间判断。

 
 
 
    
  
  
  
  1. package com.cnblogs.htynkn.domain;    
    2. 
  
  
  
  2. import com.badlogic.gdx.Gdx;    
    3. 
  
  
  
  3. import com.badlogic.gdx.graphics.Texture;    
    4. 
  
  
  
  4. import com.badlogic.gdx.graphics.g2d.SpriteBatch;    
    5. 
  
  
  
  5. import com.badlogic.gdx.scenes.scene2d.Actor;    
    6. 
  
  
  
  6. public class FirstActor extends Actor {    
    7. 
  
  
  
  7. Texture texture;    
    8. 
  
  
  
  8. @Override    
    9. 
  
  
  
  9. public void draw(SpriteBatch batch, float parentAlpha) {    
    10. 
  
  
  
  10. batch.draw(texture, this.x, this.y);    
    11. 
  
  
  
  11. }    
    12. 
  
  
  
  12. @Override    
    13. 
  
  
  
  13. public Actor hit(float x, float y) {    
    14. 
  
  
  
  14. if (x > 0 && y > 0 && this.height > y && this.width > x) {    
    15. 
  
  
  
  15. return this;    
    16. 
  
  
  
  16. } else {    
    17. 
  
  
  
  17. return null;    
    18. 
  
  
  
  18. }    
    19. 
  
  
  
  19. }    
    20. 
  
  
  
  20. @Override    
    21. 
  
  
  
  21. public boolean touchDown(float x, float y, int pointer) {    
    22. 
  
  
  
  22. // TODO Auto-generated method stub    
    23. 
  
  
  
  23. return false;    
    24. 
  
  
  
  24. }    
    25. 
  
  
  
  25. @Override    
    26. 
  
  
  
  26. public void touchDragged(float x, float y, int pointer) {    
    27. 
  
  
  
  27. // TODO Auto-generated method stub    
    28. 
  
  
  
  28. }    
    29. 
  
  
  
  29. @Override    
    30. 
  
  
  
  30. public void touchUp(float x, float y, int pointer) {    
    31. 
  
  
  
  31. // TODO Auto-generated method stub    
    32. 
  
  
  
  32. }    
    33. 
  
  
  
  33. public FirstActor(String name) {    
    34. 
  
  
  
  34. super(name);    
    35. 
  
  
  
  35. texture = new Texture(Gdx.files.internal("actor1.gif"));    
    36. 
  
  
  
  36. this.height = texture.getHeight();    
    37. 
  
  
  
  37. this.width = texture.getWidth();    
    38. 
  
  
  
  38. }    
    39. 
  
  
  
  39. }  
    40.

NarrowButton中代码绘制部分和上面的以下，主要是有个点击后控制人物行动的问题。

修改touchDown事件：

通过Group获取到FirstActor，控制x值。

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

效果：

到此为止一个最简单的人物控制我们已经实现了。但是这个有实例还有很多可以改进的地方，比如方向按钮没有点击效果，人物没有移动效果。

我们可以使用Animation来实现。添加一张图片：

具体的原理我们看一下Animation类：

 
 
 
    
  
  
  
  1. public class Animation {    
    2. 
  
  
  
  2. final TextureRegion[] keyFrames;    
    3. 
  
  
  
  3. public float frameDuration;    
    4. 
  
  
  
  4. /** Constructor, storing the frame duration and key frames.   
    5. 
  
  
  
  5. *   
    6. 
  
  
  
  6. * @param frameDuration the time between frames in seconds.   
    7. 
  
  
  
  7. * @param keyFrames the {@link TextureRegion}s representing the frames. */    
    8. 
  
  
  
  8. public Animation (float frameDuration, List keyFrames) {    
    9. 
  
  
  
  9. this.frameDuration = frameDuration;    
    10. 
  
  
  
  10. this.keyFrames = new TextureRegion[keyFrames.size()];    
    11. 
  
  
  
  11. for(int i = 0, n = keyFrames.size(); i < n; i++) {    
    12. 
  
  
  
  12. this.keyFrames[i] = (TextureRegion)keyFrames.get(i);    
    13. 
  
  
  
  13. }    
    14. 
  
  
  
  14. }    
    15. 
  
  
  
  15. /** Constructor, storing the frame duration and key frames.   
    16. 
  
  
  
  16. *   
    17. 
  
  
  
  17. * @param frameDuration the time between frames in seconds.   
    18. 
  
  
  
  18. * @param keyFrames the {@link TextureRegion}s representing the frames. */    
    19. 
  
  
  
  19. public Animation (float frameDuration, TextureRegion... keyFrames) {    
    20. 
  
  
  
  20. this.frameDuration = frameDuration;    
    21. 
  
  
  
  21. this.keyFrames = keyFrames;    
    22. 
  
  
  
  22. }    
    23. 
  
  
  
  23. /** Returns a {@link TextureRegion} based on the so called state time. This is the amount of seconds an object has spent in the   
    24. 
  
  
  
  24. * state this Animation instance represents, e.g. running, jumping and so on. The mode specifies whether the animation is   
    25. 
  
  
  
  25. * looping or not.   
    26. 
  
  
  
  26. * @param stateTime the time spent in the state represented by this animation.   
    27. 
  
  
  
  27. * @param looping whether the animation is looping or not.   
    28. 
  
  
  
  28. * @return the TextureRegion representing the frame of animation for the given state time. */    
    29. 
  
  
  
  29. public TextureRegion getKeyFrame (float stateTime, boolean looping) {    
    30. 
  
  
  
  30. int frameNumber = (int)(stateTime / frameDuration);    
    31. 
  
  
  
  31. if (!looping) {    
    32. 
  
  
  
  32. frameNumber = Math.min(keyFrames.length - 1, frameNumber);    
    33. 
  
  
  
  33. } else {    
    34. 
  
  
  
  34. frameNumber = frameNumber % keyFrames.length;    
    35. 
  
  
  
  35. }    
    36. 
  
  
  
  36. return keyFrames[frameNumber];    
    37. 
  
  
  
  37. }    
    38. 
  
  
  
  38. }  
    39.

可以看出所谓的动画其实是一张一张的图片不断切换（其实所有的动画都是这个样子的）。

我们构造一个图片列表然后根据事件变动不停取出，重新绘制就形成动画了。

注意一下传入的时间和图片列表大小的问题，修改FirstActor代码如下：

 
 
 
    
  
  
  
  1. package com.cnblogs.htynkn.domain;    
    2. 
  
  
  
  2. import com.badlogic.gdx.Gdx;    
    3. 
  
  
  
  3. import com.badlogic.gdx.graphics.Texture;    
    4. 
  
  
  
  4. import com.badlogic.gdx.graphics.g2d.Animation;    
    5. 
  
  
  
  5. import com.badlogic.gdx.graphics.g2d.SpriteBatch;    
    6. 
  
  
  
  6. import com.badlogic.gdx.graphics.g2d.TextureRegion;    
    7. 
  
  
  
  7. import com.badlogic.gdx.scenes.scene2d.Actor;    
    8. 
  
  
  
  8. public class FirstActor extends Actor {    
    9. 
  
  
  
  9. Texture texture1;    
    10. 
  
  
  
  10. Texture texture2;    
    11. 
  
  
  
  11. Animation animation;    
    12. 
  
  
  
  12. TextureRegion[] walksFrame;    
    13. 
  
  
  
  13. float stateTime;    
    14. 
  
  
  
  14. @Override  
    15. 
  
  
  
  15. public void draw(SpriteBatch batch, float parentAlpha) {    
    16. 
  
  
  
  16. stateTime += Gdx.graphics.getDeltaTime();    
    17. 
  
  
  
  17. TextureRegion currentFrame = animation.getKeyFrame(stateTime, true);    
    18. 
  
  
  
  18. batch.draw(currentFrame, this.x, this.y);    
    19. 
  
  
  
  19. }    
    20. 
  
  
  
  20. @Override  
    21. 
  
  
  
  21. public Actor hit(float x, float y) {    
    22. 
  
  
  
  22. Gdx.app.log("INFO", x + " " + this.width);    
    23. 
  
  
  
  23. if (x > 0 && y > 0 && this.height > y && this.width > x) {    
    24. 
  
  
  
  24. return this;    
    25. 
  
  
  
  25. } else {    
    26. 
  
  
  
  26. return null;    
    27. 
  
  
  
  27. }    
    28. 
  
  
  
  28. }    
    29. 
  
  
  
  29. @Override  
    30. 
  
  
  
  30. public boolean touchDown(float x, float y, int pointer) {    
    31. 
  
  
  
  31. // TODO Auto-generated method stub    
    32. 
  
  
  
  32. return false;    
    33. 
  
  
  
  33. }    
    34. 
  
  
  
  34. @Override  
    35. 
  
  
  
  35. public void touchDragged(float x, float y, int pointer) {    
    36. 
  
  
  
  36. // TODO Auto-generated method stub    
    37. 
  
  
  
  37. }    
    38. 
  
  
  
  38. @Override  
    39. 
  
  
  
  39. public void touchUp(float x, float y, int pointer) {    
    40. 
  
  
  
  40. // TODO Auto-generated method stub    
    41. 
  
  
  
  41. }    
    42. 
  
  
  
  42. public FirstActor(String name) {    
    43. 
  
  
  
  43. super(name);    
    44. 
  
  
  
  44. texture1 = new Texture(Gdx.files.internal("actor1.gif"));    
    45. 
  
  
  
  45. texture2 = new Texture(Gdx.files.internal("actor2.gif"));    
    46. 
  
  
  
  46. this.height = texture1.getHeight();    
    47. 
  
  
  
  47. this.width = texture1.getWidth();    
    48. 
  
  
  
  48. TextureRegion region1;    
    49. 
  
  
  
  49. TextureRegion region2;    
    50. 
  
  
  
  50. region1 = new TextureRegion(texture1);    
    51. 
  
  
  
  51. region2 = new TextureRegion(texture2);    
    52. 
  
  
  
  52. walksFrame = new TextureRegion[30];    
    53. 
  
  
  
  53. for (int i = 0; i < 30; i++) {    
    54. 
  
  
  
  54. if (i % 2 == 0) {    
    55. 
  
  
  
  55. walksFrame[i] = region1;    
    56. 
  
  
  
  56. } else {    
    57. 
  
  
  
  57. walksFrame[i] = region2;    
    58. 
  
  
  
  58. }    
    59. 
  
  
  
  59. }    
    60. 
  
  
  
  60. animation = new Animation(0.25f, walksFrame);    
    61. 
  
  
  
  61. }    
    62. 
  
  
  
  62. }  
    63.

效果：

这里注意一下，为什么我们要Texture转为TextureRegion。这是因为在实际开发中的图片是集成在一起的，比如所有角色要用的图片都是放在一张图里，然后分割截取的，对应的辅助方法TextureRegion.split。

另外我们可以发现NarrowButton和FirstActor中有大量代码重复了，可能有朋友觉得应该提取一下，其实libgdx已经帮我们做了，可以参考

图片分享：

这里有一些常用的UI控件，估计下一篇可以讲到。

网站名称：Android游戏引擎libgdx使用教程4:舞台和演员的游戏实例
网页URL：http://www.mswzjz.cn/qtweb/news41/501491.html

攀枝花网站建设、攀枝花网站运维推广公司-贝锐智能，是专注品牌与效果的网络营销公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 贝锐智能

贝锐智能技术为您推荐以下文章

App开发知识

同城分类信息

官网SEO排名　　 　云虚拟主机　　 　营山母婴护理　　 　成都网站制作　　 　app制作　　 　成都展柜定制　　 　微信小程序开发　　 　网站推广优化　　 　成都网站推广　　 　响应式建站　　 　娄底尾呼妄服装　　 　成都h5建站开发　　 　网页设计　　 　成都SEO优化公司　　 　重庆网站建设网络公司　　 　成都微信开发　　 　重庆建站　　 　四川广告招牌　　 　成都广告制作　　 　四川发电机维修