最简单的传输方式创建此地图（html5 canvas / javascript）

Question

我将用一个例子来解释。

我在photoshop中画了一张简单的地图。 我想打破这个地图的瓷砖并将每个瓷砖记录到数据库中。 （x：1 y：1 =绿色，x：1 y：2 =绿色，x：1 y：2 =蓝色等。）

这是我的牌：

我的地图是100x110平铺。就像那样：

我的简单photoshop地图是这样的：

有什么方法可以将我的photoshop地图导入我的数据库瓷砖吗？ 例如;它将绿色定义为草，蓝色定义为水，黄色定义为沙子。

将其自动记录到我的数据库中“x：1 y：1 grass，x：2 y：1 grass，x：3 y：1 water etc”

还是我必须用手砸瓷砖？ 我是否必须单击第一个瓷砖并将其定义为水，单击第二个并将其定义为草bla bla bla？

无论如何都要比一个一个地制作它更容易吗？

Answer 1

可以编写一个程序，将您的图像扫描到特定比例，然后将地图索引和图块类型输出到数据库，但是，我建议您查看一个名为Tiled的开源地图编辑工具。这允许您直观地设计地图，然后将其导出为多种格式。

http://www.mapeditor.org/