HTML5 Canvas實現(xiàn)Tiled地圖編輯器

HTML5 Canvas實現(xiàn)Tiled地圖編輯器

    運用Html5 Canvas、File API等實現(xiàn)的一個2D地圖編輯器。

概述

    GitHub : https://github.com/joinAero/WebTiled

README.md

WebTiled 
======== 
 
Web地圖編輯器 
------------- 
 
HTML5 Canvas實現(xiàn)的網(wǎng)頁版地圖編輯器。 
 
基本功能 
-------- 
 
* 導(dǎo)入導(dǎo)出當前工程，及保存成json地圖或圖片。 
* 圖層分圖塊層、框域?qū)觾煞N。前者繪圖塊、后者繪區(qū)域。 
* 工具欄主要提供圖塊層印刻、填充、連接三種繪制方式。 
* 添加圖塊，可以將多個圖片一起拖進圖塊顯示域來添加。 
* 導(dǎo)入工程文件也可拖進地圖顯示域，不過只會讀取其中一個。 
* 應(yīng)用在本地即可跑，即file://路徑。也沒放服務(wù)器上試呢。 
 
注意項 
------ 
 
* 應(yīng)用只在Chrome20+上跑過... 
* 地圖與選取的圖塊寬高不一致時，未多考慮。 
* 圖層建太大或過多，會有黑圖層或直接崩潰T^T。 
注：具體限制好像與PC性能相關(guān)。 
 
第三方 
------ 
 
* [jQuery](http://jquery.com/) 
* [Bootstrap](http://twitter.github.com/bootstrap/) 
* [工具欄圖標](http://www.defaulticon.com/) 
 
預(yù)覽 
---- 
 
[Click here!](http://join-wt.jit.su/) 

截圖