2D ARPG开发之旅(1) ----- 贴图(tile-based)地图的实现(上)
2010-07-20 01:02
302 查看
2D游戏中的地图有这么2种可能的实现方法:一就是先制作一整张大图然后在这个图上设置阻挡, 触发点等。而另一种就是利用一小块一小块的图形(也就是tile)拼成一个大的完整的地图
这2中方法各有优缺点,但是就我个人来说我更喜欢第二种方式,因为这种能更好的复用图形资源,也能很方便的实现一个比较大的地图。
我用了一个二维数组按tile保存地图信息,数组中的每个对象---我称之为MapCell----都包含了tile的地板类型,障碍,地板上的物体。下面是的MapCell类所包含内容的简单示意:
这样绘制出的地图会呈锯齿状,把突出的半个tile隐藏起来----比如说移动到可见区域之外----就能获得更好的显示效果了。
附一张我的游戏中的地图截图.jpg]
注1:
我采用的tile是二等角投影的图形,也就是tile的宽高比为2:1。这个系列的文章也将会是以这个为基础。
注2:关于等二角投影,可以从菩提树下的杨过.Net处获得更多信息
这2中方法各有优缺点,但是就我个人来说我更喜欢第二种方式,因为这种能更好的复用图形资源,也能很方便的实现一个比较大的地图。
我用了一个二维数组按tile保存地图信息,数组中的每个对象---我称之为MapCell----都包含了tile的地板类型,障碍,地板上的物体。下面是的MapCell类所包含内容的简单示意:
如果tile是矩形的,我们想将它铺满屏幕,只需要让左上角的tile在屏幕坐标系的坐标为(0,0),然后在绘制的时候做以下处理:for (var row : int = 0;row < _map.rowCount; row++){ for (var col : int = 0; col < _map.columnCount; col++){ var cell : MapCell =_map[row][col] as MapCell; var image : Image = new Image(); image.x = col * TILE_WIDTH; image.y = row * TILE_HEIGHT; image.source = cell.image; addChild(image); } }
这种方式很简单,但是看起来不够“立体”
如果我们想制作一个看起来更立体的游戏, 等二角投影的tile可以工作得比矩形tile好得多
.png]
一个64*32的tile
二等角投影的tile需要在矩形tile的显示基础上做一些修改。第0,2,4….偶数行tile的显示与上例中的矩形tile显示一致,奇数行的tile在水平方向上要向左(向右效果类似)偏半个tile的宽度,在垂直方向上要向上偏移半个tile的高度。上例中的第4,5行要修改为:
image.y = row / 2 * TILE_HEIGHT;
image.x = col * TILE_WIDTH + (row & 1) * TILE_WIDTH / 2;
这样绘制出的地图会呈锯齿状,把突出的半个tile隐藏起来----比如说移动到可见区域之外----就能获得更好的显示效果了。
附一张我的游戏中的地图截图.jpg]
注1:
我采用的tile是二等角投影的图形,也就是tile的宽高比为2:1。这个系列的文章也将会是以这个为基础。
注2:关于等二角投影,可以从菩提树下的杨过.Net处获得更多信息
相关文章推荐
- 2D ARPG开发之旅(1) ----- 贴图(tile-based)地图的实现(上)贴图修改版
- [Unity3D]Unity3D游戏开发之2D贴图实现血条组件
- GeoServer地图开发解决方案(五):基于Silverlight技术的地图客户端实现
- iOS开发UI-利用Quartz2D 实现基本绘图(画三角形、矩形、圆、圆弧)
- 3D塔防游戏实现 1.3 2D小地图控制3D地图视角(Feekood语言)
- VC++游戏开发1------利用图片拼接实现内存中构建游戏地图,许多游戏编辑器的原理。
- iOS开发UI-利用Quartz2D 实现基本绘图(画三角形、矩形、圆、圆弧)
- [转]2d游戏开发:游戏地图编辑器
- arcims开发经验总结(2) (地图放大缩小、鹰眼实现逻辑)
- 带高度的isometric tile map 斜45度 2d 地图制作
- 微信公众号开发《三》微信JS-SDK之地理位置的获取,集成百度地图实现在线地图搜索
- iOS开发-开发百度地图1-iOS SDK 3.0.0-基本地图的配置及实现
- 【Direct2D开发】 通过操作像素实现纹理混合
- C#开发WPF/Silverlight动画及游戏系列教程(Game Tutorial):(十一)地图遮罩层的实现
- cocos2d实现2D地图A*广度路径算法
- Cocos2d-X游戏开发之CCTMXTileMap(瓦片地图)
- cocos2d-x 2D砖块地图实现技术之一
- iOS开发——高级技术&地图功能的实现
- 百度地图的简单开发之实现基本地图的类型及覆盖物的添加(二)