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

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

直接进入主题,公式如下

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();

ary

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值