问题标签 [jstilemap]

如何从数组创建一个 html 表 tilemap？例如，当我希望“0”成为具有绿色背景和 20px 宽度和高度的“td”，而“1”成为具有相同大小的棕色背景的“td”时？任何人都可以举一个这个数组的例子吗？另外，我想知道如何将图片插入特定的“td”元素？例如，位置表[0][0] 上的“td”元素中的树图片，背景为绿色，谢谢。

我想向我的瓦片地图添加功能，当我尝试使用时出现问题

错误信息是：

TypeError：a.addEventListener 不是函数

但是它适用于

我的代码：

只需更改此行以更改我的图层，当我使用 OSM 时，一切正常...但是当我使用 TileWMS 时出现错误

层：[wmsLayers，矢量]，

与 TileWMS 和 Vector 源有冲突吗？

我使用 Qgis 中的 Qtiles 插件从一个非常大的栅格中创建了一些图块。我已将它们保存到计算机上的本地目录中，现在想使用 R 将它们呈现在传单地图中。

该addTiles函数传递一个 URL，但似乎不适用于本地文件路径。在另一篇文章（How to render custom map tiles created with gdal2tiles in Leaflet for R?）中，Lauren 建议在闪亮目录中使用 www 文件夹。首先，我不是 100% 确定这是什么意思，其次我不知道该解决方案是否适用于我正在尝试做的事情；我要做的就是在传单地图对象中渲染这些图块并将其保存为本地 html。有可能做我正在尝试的事情吗？

代码看起来像这样：

library(leaflet)

map <- leaflet()

map <- addProviderTiles(map, "CartoDB.Positron")

map <- addTiles(map, "C:/mapTiles/level100Tiles/{z}/{x}/{y}.png")

我不知道是否有针对此特定目的的不同传单功能？或者它只是没有完成？

谢谢 ：）

当玩家到达“门”时，此代码会加载 map1.tmx tileMap。当玩家进入门时，它会加载一个新的 map2.tmx 文件。问题是当加载新的 map2.tmx 文件时，旧的 map1.tmx 在 map.2.tmx 后面运行并使用所有 map.1.tmx 墙壁碰撞并忽略 map2.tmx 墙壁碰撞。有没有办法像 removeObject 这样与 addObject 相反并将 map2.tmx 添加为新地图？我想让 map.2 在玩家进门时运行。

我尝试过 removeAllActions、removeAllChildren、removeTileAtCoord: 和其他方法，但我缺乏 SpriteKit 经验。任何帮助表示赞赏。

我是 XYZ 平铺地图的新手。

我正在尝试从 geo.admin.ch 添加一张 XYZ 地图，这是所有毗邻州都可以使用的著名瑞士地图。

在这里，我找到了传单链接。

这是代码

和API 页面

我一直在使用 sprite kit 构建平台游戏，但在尝试更改玩家 spritenode 的大小以更好地匹配艺术时遇到了问题。我将 Ray Weinderlich 教程中的这个算法与 JSTileMap 结合使用。

我只是想知道是否有更有效的方法或不同的算法来处理这种性质的瓷砖碰撞（与玩家周围的瓷砖接触），如果我的玩家的精灵被调整为更大，这将考虑在内。实际上，如果我将精灵的大小调整为高于两个瓦片高度或两个瓦片宽度，因为瓦片是 16 像素 x 16 像素，它会导致整个瓦片碰撞分解，因为它使用 3 x 3 网格来处理瓦片碰撞。我的目标是能够处理瓷砖碰撞，而不必向每个“墙”瓷砖添加物理体，并且让算法功能独立于玩家大小。或者至少能够选择性能开销最小的选项。几个星期以来，我一直在思考和研究瓷砖碰撞，这是我见过的仅有的两个选项。

绘制瓦片地图并将瓦片宽度设置为$(window).width() / 10和瓦片高度设置为时出现问题$(window).height() / 10

画布在每个图块之间绘制额外的线条

这是代码：https ://jsfiddle.net/t68sgrf3/

我正在创建一个简单的基于 JS 画布图块的游戏，我知道它需要重构和更新我计划在我了解更多关于正在发生的事情时执行的语法。

我已经动态地创建了瓷砖尺寸，我认为这就是我苦苦挣扎的原因。碰撞检测并不精确，我很难让它更精确......所谓精确，我的意思是根据显示器的大小，碰撞不会撞到右墙，而是就在它之前或之后.

任何帮助/建议，或指向正确的方向，将不胜感激。

Github 回购：https ://github.com/MrWalshy/jsLameTileGame

我试图复制并从这个教程中学习：https: //www.youtube.com/watch? v=txUvD5_ROIU但我想将内联 javascript 移动到 Visual Studio Code 中的单独 .js 文件中。这使得代码运行不正确，我无法为我的生活找出原因。我试图以不同的方式构造它，但我不熟悉 javascript 以找出问题所在。这是代码：

HTML：

Javascript：

任何帮助是极大的赞赏！

我有一个绘制瓷砖地图的程序，并且有一个可以移动并与瓷砖碰撞的玩家，我的最终目标是制作一个光线投射器，它将对 2d 瓷砖地图进行伪 3d 渲染，以便做到这个，我需要投射一条与墙壁相交的光线，我知道如何投射光线，但我不知道从哪里开始实现相交，如果有人有任何提示，或者知道如何做到这一点，你能帮忙吗，这是我的代码。