Libgdx专题系列:地图篇 地图的绘制

声明:

本系列文章使用的Libgdx版本均为0.99版本

Libgdx游戏开发交流群 323876830

 

 

本篇,我们将开启地图绘制部分, 包含垂直视角,45°视角地图的绘制,地图的移动,放缩等等。

 

Libgdx包含了许多关于地图绘制的Api,com.badlogic.gdx.maps在这个包中都可以找到。

下面介绍一下有关地图方面的关键信息

 

Properties属性信息

地图的,图层的和对象的属性都是放在一个叫做MapProperties的对象中, 他其实是一个hash表,以键值对的形式存在,

类似于

map.getProperties().get("custom-property", String.class);
layer.getProperties().get("another-property", Float.class);
object.getProperties().get("foo", Boolean.class);

 

地图图层

可以根据索引或者是名称来取得一个图层

MapLayer layer = map.getLayers().get(0);
MapLayer layer = map.getLayers().get("my-layer");

图层的信息也可以获取到

String name = layer.getName();
float opacity = layer.getOpacity();
boolean isVisible = layer.isVisible();


地图对象

MapObjects objects = layer.getObjects();

可以取得指定图层的对象列表

还有一些属性信息

String name = object.getName();
float opacity = object.getOpacity();
boolean isVisible = object.isVisible();
Color color = object.getColor();


地图绘制器

MapRenderer,他允许我们绘制地图中的图层,对象。

在我们绘制之间,我们需要设置一下镜头或者矩阵信息

mapRenderer.setView(camera);

或者

mapRenderer.setView(projectionMatrix, startX, startY, endx, endY);

绘制的话,可以简单的这样

mapRenderer.render();

也可以自己控制,绘制哪一层,或者夹杂着其他对象绘制

int[] backgroundLayers = { 0, 1 }; // don't allocate every frame!
int[] foregroundLayers = { 2 };    // don't allocate every frame!
mapRenderer.render(backgroundLayers);
renderMyCustomSprites();
mapRenderer.render(foregroundLayers);


在Libgdx提供的地图工具中, Tiled 和 Tide编辑器是比较好的支持的,尤其是Tiled编辑器。下面我们重点

使用Tiled编辑器来开始我们的地图学习之旅。

 

我们在Tiled中来编辑我们的地图,导出为tmx格式。

在程序中使用TmxMapLoader来导入文件生成TiledMap对象

TiledMap map = new TmxMapLoader().load("micro.tmx");

 

调整镜头大小

mCamera = new OrthographicCamera(800, 480);

 

根据地图信息生成一个正投射图块地图绘制对象

mMapRenderer = new OrthogonalTiledMapRenderer(map);

这里要注意下,在opengl中没有像素的概念的, 都是1个单位,具体这个单位包含多少像素

,这个需要我们来设定,就是一个比例,默认是1个像素一个单位。

public OrthogonalTiledMapRenderer(TiledMap map, float unitScale)

上面这个是可以设置像素比的。

 

设置镜头的宽和高的单位

mCamera.setToOrtho(false, 800, 480);

上面这个800和480是以单位来计算的。 因为这里设置了1个单位=1像素, 所以值恰好一致。

 

在render中

镜头更新

mCamera.update();

设置镜头

mMapRenderer.setView(mCamera);

下面就是绘制了, 这里把所有的都绘制了
mMapRenderer.render();

 

下面是例子的截图

Libgdx专题系列:地图篇 地图的绘制_第1张图片

 


项目下载地址

 

转载请链接原文地址 http://blog.csdn.net/wu928320442/article/details/17225695

你可能感兴趣的:(游戏,android,OpenGL,libgdx,es)