Cocos2d-JS tiledMap 45度角地图坐标计算

最新推荐文章于 2021-03-19 11:18:22 发布

残雪龙骑

最新推荐文章于 2021-03-19 11:18:22 发布

阅读量5.5k

点赞数 2

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/jianglong0156/article/details/52700551

本文介绍了如何在Cocos2d-JS中处理45度角的TiledMap坐标，从数据来源开始，详细讲解了如何将TiledMap坐标转换为格子坐标，再将格子坐标转换为游戏坐标，涉及关键转换公式，并提供了解决游戏开发中响应问题的小技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

直接进入主题,公式如下

this.cellXCount = tmxMap.getMapSize().width;
this.cellYCount = tmxMap.getMapSize().height;
this.cellWidth = tmxMap.getTileSize().width;
this.cellHeight = tmxMap.getTileSize().height;
this.mapPixWidth = this.cellWidth * this.cellXCount;
this.mapPixHeight = this.cellHeight * this.cellYCount;

// cellX和cellY是tilemap中的单元格。
posX = this.mapPixWidth / 2 + (cellX - cellY) * this.cellWidth / 2;
posY = this.mapPixHeight - (cellX + cellY) * this.cellHeight / 2;

推理过程

首先声明，推理过程没有复杂的数学公式，请各位放心 O(∩_∩)O
以下分三步来对tiledMap配置文件的数据进行拆解，变为能够在Cocos2d-JS中使用的坐标系。

数据来源

tiledmap中经常会使用到对象层，通常使用以下代码获取对象层的数据

var objectGroup = this.tmxMap.getObjectGroup("Object");
var aryObjects = objectGroup.getObjects();

aryObjects 是一个数组，存储了对象层中的所有对象。

对象中的数据结构为

最低0.47元/天解锁文章

200万优质内容无限畅学