使用TiledLayer类及Canvas类实现游戏背景图层

1. 创建一个平铺图层


MIDP 2.0 API通过TiledLayer类支持平铺图层,这个类使得创建和使用平铺图层变得相对容易。每个平铺图层都有一个相关的图像,它指定了一组用来描述平铺图层地图的贴砖。每个平铺图层都有一个地图,它包含了用来引用图层图像中的单个贴砖的贴砖索引。由于TiledLayer派生自Layer类,所以,可以按照和操纵游戏Sprite(精灵)差不多的方式来操纵,即可以改变平铺图层的位置、获得它的尺寸和位置、绘制它并且通过一小段简单的方法用来控制它的要见性。
创建一个平铺图层的时候,要以贴砖为单位指定它的宽度和高度,以及包含贴砖组的图像、贴砖的宽度和高度。每块贴砖的大小必须相同。当第一次创建一个平铺的图层的时候,这些信息都传递到TieldLayer构造函数中。
下面的代码摘自我做的游戏,其功能用来创建一个平铺图层:

//太空背景
private TiledLayer waterLayer;

……

try{
waterLayer=new TiledLayer(50,200,Image.createImage("/res/backg.png"),32,32);
} catch (IOException e) {
System.err.println("^_抱歉,太空背景图片加载失败^_^")

TiedLayer()构造函数中的头两个参数分别指定了平铺图层的列数和行数。第3个参数是一个Image对象。其余两个参数分别是每个贴砖的宽度和高度,在本程序中背景贴砖的宽和高都是为32像素的标准正方形。
创建了一个TiledLayer对象以后,接下来就是把其每个单元格设置为贴砖索引,从而创建其地图。贴砖索引都是从1开始计数,索引0是一个特殊的贴砖索引,表示贴砖空缺,即绘制平铺图层的时候,贴砖索引被指定为0的贴砖是透明的。
下面是本游戏中存储在一个一维整数数组中的图层地图(数值被忽略)

/*Setup the water tiled layer map*/
Int [] waterMap={
……
……
……
……
};

由于没有把贴砖索引数组传递给Tiedlayer的方法,所有必须多次调用setCell()方法把贴砖索引置入到平铺图层的每个单元格中。下面代码是本游戏使用一个for循环来为游戏平铺图层来完成这项任务的代码:


/*Set the contents of cells*/
int column,row=-1;
for (int i = 0; i < waterMap.length; i++) {
column = i % 24;
row = (i - column) / 24;
waterLayer.setCell(column, row, waterMap[i]);
}

这段代码通过循环访问了贴地砖地图的每个条目,并根据具体的行和列来设置平铺图层中的每个相应的单元格。这段代码可以很容易地进行修改以适应不同大小的地图,只要改变第2行和第5行代码中的行数和列数就可以了。
2. 移动和绘制一个平铺图层


Canvas类的update()方法是处理按键输入和和相应的地方。在本游戏中,按键输入导致背景图层在精灵下滚动,而精灵在游戏中由按键操作移动,关于按键的处理已在我的一篇博文《手机游戏中处理按键输入的方法》中提到。
使一个图层移动并且具有动感的代码如下:


/***********背景更新*******************************/
private void backGroundUpdate() {
//实现背景的移动
if(y<0)
{
y+=speedOfBG;
downLimit-=speedOfBG;
upLimit-=speedOfBG;
}

//使太空背景具有动感
if (++waterDelay > 3) {
if (++waterTile[0] > 3)
waterTile[0] = 1;
waterLayer.setAnimatedTile(-1, waterTile[0]);
if (--waterTile[1] < 1)
waterTile[1] = 3;
waterLayer.setAnimatedTile(-2, waterTile[1]);
waterDelay = 0;
}
}


本文转载于http://dev.firnow.com/course/3_program/java/javajs/20100106/186638.html
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
说明这段代码可能存在的问题 中文回答: function loadMap() {\r\n markerLayer = new SuperMap.Layer.Markers(\"markerlayer\");\r\n // 矢量图\r\n vectorLayer = new SuperMap.Layer.Vector(\"vectorLayer\");\r\n\r\n // 拉框查询\r\n drawPolygon = new SuperMap.Control.DrawFeature(vectorLayer,\r\n SuperMap.Handler.Polygon);\r\n drawPolygon.events.on({\r\n \"featureadded\": drawGeoSqlCompleted\r\n });\r\n // 方形查询\r\n drawClr = new SuperMap.Control.DrawFeature(vectorLayer,\r\n SuperMap.Handler.RegularPolygon);\r\n drawClr.events.on({\r\n \"featureadded\": drawGeoSqlCompleted\r\n });\r\n // 地图对象\r\n oMap = new SuperMap.Map(\"mapDiv\", {\r\n controls: [new SuperMap.Control.Navigation({\r\n dragPanOptions: {\r\n enableKinetic: true\r\n }\r\n }), new SuperMap.Control.PanZoomBar({\r\n showSlider: true\r\n }), new SuperMap.Control.LayerSwitcher(),\r\n new SuperMap.Control.OverviewMap({\r\n maximized: false\r\n }), drawClr, drawPolygon\r\n ]\r\n });\r\n\r\n // 天地图服务地址和图名称\r\nvar tdtUrl = \"http://t0.tianditu.com/img_w/wmts\";\r\nvar tdtLayerName = \"img\";\r\n\r\n// 创建天地图图\r\nvar tdtLayer = new SuperMap.Layer.TiledLayer(\"tdtLayer\", tdtUrl, {\r\n layerName: tdtLayerName,\r\n transparent: true,\r\n cacheEnabled: true\r\n}, {\r\n maxResolution: \"auto\",\r\n useCanvas: false,\r\n useCORS: true\r\n});\r\n\r\n// 将天地图图添加到地图对象中\r\noMap.addLayer(tdtLayer);\r\n\r\n \r\n \r\n\r\n baseLayer = new SuperMap.Layer.TiledDynamicRESTLayer(\"baseLayer\",\r\n baseMapUrl, {\r\n transparent: true,\r\n cacheEnabled: true\r\n }, {\r\n maxResolution: \"auto\",\r\n useCanvas: false,\r\n useCORS: true\r\n });\r\n baseLayer.events.on({\r\n \"layerInitialized\": addLayer\r\n });\r\n}\r\n\r\n\r\n// 添加图\r\nfunction
最新发布
06-03

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值