{"author_name":"kiswa","cat":"LD #23","comments":[{"author_name":"TheHobbyist","time":"August 2, 2012 6:27 pm","epoch":1343950020,"text":"Hi Kiswa,","spam":"N"}],"epoch":1336136700,"likes":2,"metadata":{"p_key":"55849","p_author":"kiswa","p_authorkey":"10990","p_urlkey":"91567","p_title":"JavaScript Tile Map Editor","p_cat":"LD #23","p_event":"LD23","p_time":"1336136700","p_likes":"2","p_comments":"1","p_status":"UPD5","us_key":"10990","us_name":"kiswa","us_username":"kiswa","event_start":"1334880000","event_key":"10","event_name":"LD23"},"text":"<p>One of the things that took me a lot of time during LD23 was level design. This is partly because I didn&#8217;t have a tile map editor that I was familiar with and it seemed like working with the CSV data was good enough.<\/p>\n <p>I decided I wanted to have a more visual editor for future LDs (yes, I&#8217;m definitely doing this again!) so I made one. Of course, it&#8217;s in JavaScript since that&#8217;s what my game was made with and I&#8217;m trying to improve my JavaScript programming.<\/p>\n <p>Please, <a href=\"http:\/\/dl.dropbox.com\/u\/75313861\/TileMapEditor\/index.html\">give it a try<\/a>\u00a0and let me know what you think in the comments below. I&#8217;m currently hosting it via Dropbox, but I may provide a more permanent home if needed. Also, if there is interest, I&#8217;d be glad to put up a bitbucket repo with complete source.<\/p>\n <p>It has been tested thoroughly in Chrome, and minimally in Firefox and IE9. I recommend using Chrome for now.<\/p>\n <p>Here&#8217;s a simple screenshot to give you a feel for it:<\/p>\n <p><a href=\"http:\/\/www.ludumdare.com\/compo\/2012\/05\/04\/javascript-tile-map-editor\/tm\/\" rel=\"attachment wp-att-143346\"><img class=\"size-large wp-image-143346 aligncenter\" src=\"http:\/\/www.ludumdare.com\/compo\/wp-content\/uploads\/2012\/05\/tm-550x408.png\" alt=\"\" width=\"550\" height=\"408\" srcset=\"http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2012\/05\/tm-300x222.png 300w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2012\/05\/tm-550x408.png 550w, http:\/\/ludumdare.com\/compo\/wp-content\/uploads\/2012\/05\/tm.png 1171w\" sizes=\"(max-width: 550px) 100vw, 550px\" \/><\/a><\/p>\n <p>&nbsp;<\/p>\n \n <p>Tags: <a href=\"http:\/\/ludumdare.com\/compo\/tag\/canvas\/\" rel=\"tag\">canvas<\/a>, <a href=\"http:\/\/ludumdare.com\/compo\/tag\/html5\/\" rel=\"tag\">html5<\/a>, <a href=\"http:\/\/ludumdare.com\/compo\/tag\/javascript\/\" rel=\"tag\">javascript<\/a>, <a href=\"http:\/\/ludumdare.com\/compo\/tag\/tile-level-maker\/\" rel=\"tag\">tile level maker<\/a>, <a href=\"http:\/\/ludumdare.com\/compo\/tag\/tilemap\/\" rel=\"tag\">tilemap<\/a>, <a href=\"http:\/\/ludumdare.com\/compo\/tag\/tiles\/\" rel=\"tag\">tiles<\/a><\/p>","time":"May 4th, 2012 8:05 am","title":"JavaScript Tile Map Editor"}