月度归档： 2012 年 1 月

提示：本文记录的是本人的操作流程和心得，各位操作时可能由于版本和其它问题会出现点障碍，请参考本文后面的评论和回复。

虽说可以用Image什么的当个背景，但是要是做个RPG类的游戏就有点复杂了。为了追求效率一般可以使用libgdx的SpriteCache，但是如果习惯于TiledMap的话libgdx也是支持的。

相关的类是TiledMap，TileAtlas，TileMapRenderer，都在com.badlogic.gdx.graphics.g2d.tiled之中。

现在我们从头来看看TiledMap的使用。

1.制作TiledMap。

我使用的是Tile Map editor，下载地址：http://www.mapeditor.org/

先新建一个地图,大小5030，每个块的大小是3232。

然后我使用的图块资源是从网上下的，具体出处不知了，对于资源奉献者表示感谢~

添加一个新图块

块的高宽都是32.边距和间距都是1px，这些数值是取决你的图块资源本身的。效果如下：

然后发挥想象吧，画一幅地图。

保存tmx文件。然后用gdx-tiled-preprocessor处理一下。

处理完成后会多三个文件，覆盖原来的同名文件：

tilest1.png文件：

终于可以开始绘制了

map = TiledLoader.createMap(mapHandle);
atlas =new TileAtlas(map,new FileHandle("map/"));
tileMapRenderer =new TileMapRenderer(map, atlas,10,10)

最后在render用tileMapRenderer.render(cam);绘制

而在TileMapRenderer(map, atlas, 10, 10)这句中后面两个10是缓冲的块数，可以酌情调整。我是随意写的。

我个人比较喜欢舞台，其实tiledmap一样可以在舞台中使用。

我在舞台绘制一个标签作为例子。

其实原理很简单，从Stage获取Camera，然后给Render用，最后在Stage绘制。

关键代码：…

本文使用的libgdx是0.92版本，和现在的最新版可能有一些不一样的地方。全文内容仅供参考。

libgdx的UI改进很大，原来各种稀奇古怪的问题都已经解决了，而且UI的类型也基本上完全了。推荐大家下载最近的版本使用。

UI的使用我觉得唯一复杂的就是各种样式的制定，比如TextButton：

public TextButtonStyle (NinePatch down, NinePatch up, NinePatch checked,float pressedOffsetX,float pressedOffsetY,float unpressedOffsetX,float unpressedOffsetY, BitmapFontfont,Color fontColor,Color downFontColor,Color checkedFontColor)

再看看List：

public ListStyle (BitmapFontfont,Color fontColorSelected,Color fontColorUnselected, NinePatch selectedPatch)

每次使用都需要实例化若干个Texture，NinePatch什么的还是有点麻烦，还好libgdx给出了一个解决方案：Skin。

Skin保存了UI的样式和相关的资源，定义使用的是Json或者Json-like。API地址：http://libgdx.l33tlabs.org/docs/api/com/badlogic/gdx/scenes/scene2d/ui/Skin.html

先看看基本格式：

{
resources: {
className: {
name: value,
...
},

游戏屏幕最常见的就是一个变化较少的背景加上一系列和用户交互的角色和部件。为了方便管理你还可以为背景建个Group方便管理。

但是有时候写的时候没有想到这个问题，或者是背景不是单纯的一个图片什么的，背景和角色还有一些混合逻辑分布在两个Stage里。

我重写太麻烦，想想反正都是SpritBatch绘制出来的，用双舞台大不了多个摄像头。马上试试还真行。

先看看Stage的draw方法：

/** Renders the stage */
publicvoiddraw () {
camera.update();
if (!root.visible)return;
batch.setProjectionMatrix(camera.combined);
batch.begin();
root.draw(batch,1);
batch.end();
}

batch的话两个舞台可以共用。用Stage(width, height, stretch, batch)实例化第二个舞台。

代码如下：

package com.cnblogs.htynkn.game;

import com.badlogic.gdx.ApplicationListener;
import com.badlogic.gdx.Gdx;
import com.badlogic.gdx.InputProcessor;
import com.badlogic.gdx.graphics.GL10;
import com.badlogic.gdx.graphics.Texture;
import com.badlogic.gdx.graphics.g2d.TextureRegion;
import