Page 1 of 2

Tile Map Editor

PostPosted: Tue Jul 21, 2015 5:02 pm
by Summoner123
Hi all.

Lately I have started my study about the implementation of Tile Maps
(the TileMapDraw() of Marcus / Sorunome have helped me a lot... XD), but create this Tile Maps
"manually" it's a very Boring.

I googled and did not find any software that can facilitated me the "development" of TileMap's (for Gamebuino)
So I decided to do something for my own account. One hour in the front of the Visual Basic and I (-a-l-m-o-s-t-) got
it:


https://www.youtube.com/watch?v=dQEh6naLetQ


My idea is to use a Data Grid View as a matriz to set the position of sprites, after that
take this position and transfer (in code) for the variable TileMap [] (this step is more easy), the GUI
give me more "Work", I still have much to do in the GUI such as:

- add more capacity for spriteSheets (in the video it still 1)
- Save/Load Button ??
- Add some "Rubber Tool"
- Using 8x8 sprites -> the "streechImage" atribute leaves the Sprites with horrible appearance (I hope this can be fixed some way)
It is possible to use larger sprites, the recipent Cell is 32x32 (smaller than that is not visible), but I think
unnecessary to do 8x8 sprites for the game and 32x32 for tilemaper, It is double work.


If someone want to take a look, I can put the source here to download
but I warn "This program does not do anything useful, only the drawing part was (-a-l-m-o-s-t-) implemented"

I want to do it in Java, but my java is not enough for that, so I'll be in visual basic for now :lol:

Re: Tile Map Editor

PostPosted: Tue Jul 21, 2015 8:54 pm
by Sorunome
This is looking quite nice, also glad you like the gb.display.drawTilemap! ^.^

Re: Tile Map Editor

PostPosted: Wed Jul 22, 2015 12:36 am
by Marcus
That looks really good!

Are you aware of http://www.mapeditor.org?
It can be a pain to set up & get the output "Gamebuino friendly", but I am still a beginner with that software and would appreciate a simple, Gamebuino related solution :-)

Re: Tile Map Editor

PostPosted: Wed Jul 22, 2015 1:50 am
by Summoner123
Thanks Sorunome...

I hope it will be useful for somebody (besides me ...) XD

Hey Marcus... I have see a lot of this aplications, but the problem is "pairing" them with the output for the Gamebuino (really tough...huehue), I did not know that Link, I will take a look... Thanks.


UPDATE:

- Add 0 at 8 Sprites.
- Add Eraser (in Brazil we say rubber... rsrs)
- Add ClearAll Button
- Add Code Generator for the TileMap
- Add Code Generator for the SpriteSheet (using the name of Sprites archives)
- "Map Generator" Limited to Max 200x200 DataGrid (it work, but it is about 40,000 Sprites)

we can use sprites of any size... the Cells are 32x32, so we have a deformation by the "Streech Image",
I have not tested to much, but it seems to be working well:

Interface:


Image


Code Generated:


Image


The Result (using gb.display.tilemapDraw()):

Image


Download Program:Tile Map drawer BETA0.87.rar
Download Program + Source:TileMap Beta0.87 Source.rar

Any problem with downloading, please tell me.... :lol:

Suggestions are always welcome!!

Coming:

- Save/Load button
- 32 Sprites suport
- Add a formated Font to the output code Generated (only by the esthetics)

Re: Tile Map Editor

PostPosted: Wed Jul 22, 2015 1:52 am
by Sorunome
This is looking awesome!
Does it also have it where you can be the tilesize be whatever? For gb.display.drawTilemap they don't even have to be square, lol

Re: Tile Map Editor

PostPosted: Wed Jul 22, 2015 2:14 am
by Summoner123
Sorunome wrote:This is looking awesome!
Does it also have it where you can be the tilesize be whatever? For gb.display.drawTilemap they don't even have to be square, lol



It works with any sprite (using the buttons below the pane to load the sprites). Take a look:

Image

In this example, I have not used only squares sprites, It works for any.
the only work is to scan with the bitmap Encoder Sprites when put in the code.
so I have to use the bitmap Encoder to get the sprites of trees, block's, grass, etc. and put in the code with the tile Map Drawer output (tileMap and Spritesheet) and it Done!!

maybe in the future I integrate a Bitmap Encoder together the tileMap Drawer (it sound funny...huehue) so needing only Bitmap of Sprite.... In the future.... :lol:


EDIT:
I forgot to mention - the "void"(or NULL) tile/block is the number 77.

Re: Tile Map Editor

PostPosted: Wed Jul 22, 2015 8:48 am
by Marcus
It would be awesome to draw sprites/tiles in the program, especially to try how well it repeats in a larger area. So far I have to do it in my garphic editor, reload the tiles or copy+paste a mockup to find out.

Re: Tile Map Editor

PostPosted: Wed Jul 22, 2015 1:09 pm
by Myndale
Another existing option for tile maps is the Tiled Map Editor at http://www.mapeditor.org/, which I used for my (still in development) 10-hour challenge:

Image

It's specifically designed to integrate easily with game engines, I personally had no problems getting my data out of it.

Re: Tile Map Editor

PostPosted: Sat Jul 25, 2015 1:14 am
by Summoner123
Hey Myndale, thats look Amazing!!!... You have Any tutorial about Tiled ?? I can Draw the tile Map, but
I can't get the output to Gamebuino(I need to configure/create some plugin?).



The Update on my TileMap Software:

- Add suport to 32 Sprites
- Add Cell Size control (10x10 , 20x20 , 24x24 , 32x32)
- Add 250x250 tileMap suport (take some time to genarate de code, thats is a max of 62,500 tiles)
- Removed the "Sortable" Border of dataGrid (if you click then cause some Bugs in the Version 0.86)
- Add Save/Load function (it use a .gtm file)

The .gtm don't have anything in commom with the GPS Tracker Maker file format.
the generated .gtm basically is a large string conteining the size of DataGrid and cell's, the path
to Sprites loaded and the matriz generated under the dataGrid (it's possible modify then with the Note Pad :lol: ).

I think I will not go over this, so for now this is the last Version.

Program: TileMapDrawer BETA V1.0.rar
Source Code: Tile Map BETA V1.0 Source.rar

Some Pics:

Interface increments:

Image

Image


Inside of generated .gtm File:

Image

Re: Tile Map Editor

PostPosted: Sat Jul 25, 2015 8:44 am
by Sorunome
Nice to see how this is slowly taking shape!