轉移的最簡單方法是創建此地圖（html5 canvas / javascript）

Question

我將舉例說明。

我已經在Photoshop中繪制了一張簡單的地圖。 我想將此地圖分為多個部分，並將每個瓦片記錄到數據庫中。 （x：1 y：1 =綠色，x：1 y：2 =綠色，x：1 y：2 =藍色等）

這是我的瓷磚：

我的地圖是100x110瓦。 就像這樣：

我簡單的photoshop地圖是：

有沒有什么方法可以將我的photoshop地圖逐張導入到我的數據庫中？ 例如; 它把綠色定義為草，藍色定義為水，黃色定義為沙子。

它會自動將其記錄為“ x：1 y：1草，x：2 y：1草，x：3 y：1水等”

還是我必須用手將其平鋪？ 我必須先單擊第一個圖塊並將其定義為水，然后單擊第二個並將其定義為草嗎？

無論如何，有沒有比一一做到那么容易呢？

Answer 1

可以編寫一個程序，將圖像掃描到特定比例，然后將地圖索引和圖塊類型輸出到數據庫，但是，我建議您看一下一個名為Tiled的開源地圖編輯工具。 這使您可以直觀地設計地圖，然后將其導出為多種格式。

http://www.mapeditor.org/