问题标签 [jstilemap]

我正在做一个 2d 简单的射击平台游戏，为此我需要一个平铺地图。我对javascript很生疏，但我正在尽我所能做游戏。我已经完成了一个平铺地图，这是我想要的第一个 lvl 的结果：

第一个 lvl 的平铺图像，想要的结果：

这就是我得到的：

我的瓷砖地图代码是这样的：

我还有一个功能（动画），用于绘制地图以及其他资产和动画。

我只是想知道我必须做什么才能获得预期的结果。我现在已经过热 2 天了，我尝试了几种方法来做到这一点，但没有一个有效:(

我在这个用于大学项目的 Javascript 2d 射击游戏上遇到了很多麻烦。我已经完成了瓦片地图、玩家精灵、子弹机制，但现在我进入了 colisions 的部分......而且我不明白如何为此启动任何代码。

我希望我的播放器位于平台之上，我做了 playerx = map [10] 和 playery = map [9]，但如果我输入更多值，这就是我得到的位置，我知道这不是正确的方法但我真的迷路了：

我只想了解如何将我的播放器链接到我的瓦片地图，因为我的播放器没有瓦片属性？我需要什么变量或控制器才能让它工作？更重要的是，我是否需要更改我已经完成的代码才能使其正常工作？

函数绘制地图（）{

}

我正在尝试在我正在开发的游戏中渲染瓷砖地图，但是在渲染时它会垂直和水平翻转。我正在使用 JavaScript 在 HTML 5 Canvas 中处理它。我已经尝试了我能想到的一切，但我似乎无法摆脱这个问题。

索引 JS：

地图类 JS：

任何帮助将不胜感激！

我从 Javascript 上的 colisions 开始，他们正在工作，问题是我认为我的播放器没有与瓷砖碰撞。他正在与我在 colsion 函数上所做的整个 x 和 y 发生冲突。我在运行整个瓦片地图数组的 cicle “for” 之后使用了 switch/case。每个案例代表一个瓷砖......但我不太确定。

这是我拥有的代码 + 绘制地图代码 + 播放器属性。如果有人可以帮助我，那就太好了！

数学.地板（）

--------------------- COLISIONS CODE WITHOUT () 现在最糟糕 :( ----------------- 函数 colsionLeft (x, y){ if(player.x >= x tileWidth && player.x <= ((x tileWidth) + tileWidth)){ if((player.y + 24) >= (y tileWidth) && (player. y + 24) <= ((y tileWidth) + tileHeight)) { return true; } } return false; }