Omnimaga

General Discussion => Technology and Development => Web Programming and Design => Topic started by: Aichi on April 22, 2011, 09:33:11 pm

Title: A·Map - Online Tilemap Editor
Post by: Aichi on April 22, 2011, 09:33:11 pm
(http://xeverion.com//Tools/Amap/Graphics/Logo.png) (http://xeverion.com/Tools/Amap)
(Click on it)

You can scroll through the map by pressing WASD, just make sure if the page has the focus.

Buttons from left to right:
Render - Not implemented yet
Refresh Hex - Refreshes the representation of the map in hex
Change tile sheet - Imports a Asprite Backup Code as a new tile sheet
Export Map - Exports the map in hex
Import Map - Imports the map in hex


Edit to fix image [geekboy1011]
Title: Re: A·Map - Online Tilemap Editor
Post by: ingalls on April 22, 2011, 09:39:28 pm
Looks really good! I can't wait to give it a go!
Title: Re: A·Map - Online Tilemap Editor
Post by: aeTIos on May 09, 2011, 05:19:07 am
Wow awesome!!
Title: Re: A·Map - Online Tilemap Editor
Post by: Munchor on May 09, 2011, 07:47:48 am
I love online utilities, great Aishi!
Title: Re: A·Map - Online Tilemap Editor
Post by: aeTIos on May 09, 2011, 11:07:07 am
When is this going to be online? also scout, it's Aichi ;D
Title: Re: A·Map - Online Tilemap Editor
Post by: Aichi on May 09, 2011, 05:48:03 pm
I can't even promise that I this will be bugfree online someday.

Changing the size of maps with A-Map will destroy the map data right now, I don't know why.
Furthermore, the cause why I've started creating this map editor is that I need it for the maps of a current AxeParser project with which I also have some trouble.
Sorry. =/
Title: Re: A·Map - Online Tilemap Editor
Post by: Aichi on May 15, 2011, 04:02:39 am
Okay, Amap can now be used. :)
Click on the logo in the first post.

New screenshot:
(http://img861.imageshack.us/img861/8002/amap.th.png) (http://imageshack.us/photo/my-images/861/amap.png/)
Title: Re: A·Map - Online Tilemap Editor
Post by: Munchor on May 15, 2011, 04:05:25 am
Oh my this is great! I changed the size to 20*20 but the image didn't change, only the code below :(

If I used tilemaps in Axe, I'm sure I'd use this, great job.
Title: Re: A·Map - Online Tilemap Editor
Post by: Aichi on May 15, 2011, 04:10:47 am
Oh my this is great! I changed the size to 20*20 but the image didn't change, only the code below :(
The size of the area you can see won't grow up, it's still 12x8, representing a TI screen. You can move the camera with the keys W, A, S and D. ^^
Title: Re: A·Map - Online Tilemap Editor
Post by: Munchor on May 15, 2011, 07:52:11 am
Oh my this is great! I changed the size to 20*20 but the image didn't change, only the code below :(
The size of the area you can see won't grow up, it's still 12x8, representing a TI screen. You can move the camera with the keys W, A, S and D. ^^

Ooh I get it, it works, thanks.

EDIT: Oh my god, so awesome, so if I learn tilemapping in Axe I can make huge RPG maps with no difficulty.

Thanks a lot! I sure think this deserves a new post.

I also want Shift+Mouse-Hover to draw And Control+Mouse-Hover to delete.
Title: Re: A·Map - Online Tilemap Editor
Post by: Aichi on May 15, 2011, 09:32:08 am
Ooh I get it, it works, thanks.

EDIT: Oh my god, so awesome, so if I learn tilemapping in Axe I can make huge RPG maps with no difficulty.

Yeah, programming in Axe Parser gets much easier through working with Asprite and Amap. :)

I also want Shift+Mouse-Hover to draw And Control+Mouse-Hover to delete.

I will add these functions soon.
Title: Re: A·Map - Online Tilemap Editor
Post by: Munchor on May 15, 2011, 09:33:36 am
Great to know :D

I have no more ideas for now, but those two really make it better.

What about allowing ARROWS to move like WASD too? Or does it already do that?
Title: Re: A·Map - Online Tilemap Editor
Post by: Aichi on May 15, 2011, 10:01:44 am
The ability to use CTRL, Shift and the Array keys has been added.
Title: Re: A·Map - Online Tilemap Editor
Post by: turiqwalrus on May 15, 2011, 12:25:30 pm
I couldn't find a logo D:
it's http://xeverion.com/Tools/Amap/ , right?
Title: Re: A·Map - Online Tilemap Editor
Post by: Geekboy1011 on May 15, 2011, 12:32:14 pm
looks really nice fixed the logo for you as well sadly localhost only works on the person actually has the image locally :P
Title: Re: A·Map - Online Tilemap Editor
Post by: Aichi on May 15, 2011, 12:45:00 pm
looks really nice fixed the logo for you as well sadly localhost only works on the person actually has the image locally :P
Damn, I've linked to the wrong source.  ;D Thank you for fixing it.
Title: Re: A·Map - Online Tilemap Editor
Post by: DJ Omnimaga on May 22, 2011, 12:51:11 am
Awesome Aichi. It would be nice to be able to use our own sprites, though.
Title: Re: A·Map - Online Tilemap Editor
Post by: Deep Toaster on May 22, 2011, 12:55:57 am
^ That, but it's looking great so far!

And as a suggestion if you ever want to take it, drag-and-drop.
Title: Re: A·Map - Online Tilemap Editor
Post by: DJ Omnimaga on May 22, 2011, 12:56:59 am
I agree, also it would be nice to be able to change sprites simply by holding down the mouse button and hovering on the appropriate squares, so no need to click over and over. Not sure how this is possible in JS, though.
Title: Re: A·Map - Online Tilemap Editor
Post by: Aichi on May 22, 2011, 03:14:36 am
Awesome Aichi. It would be nice to be able to use our own sprites, though.
It's already possible. :) Click on the third button (this 8x8 character) to import a backup code from Asprite as Tilesheet.

And as a suggestion if you ever want to take it, drag-and-drop.
For what would you need Drag&Drop? Isn't Shift / Strg faster than that would be?

I agree, also it would be nice to be able to change sprites simply by holding down the mouse button and hovering on the appropriate squares, so no need to click over and over. Not sure how this is possible in JS, though.
You already can do that. Press Shift to paint the left tile and Strg for the right tile.
Title: Re: A·Map - Online Tilemap Editor
Post by: Munchor on May 22, 2011, 06:04:12 am
So this means we can draw a sprite and then use it in the tilemapper, both online, that's GREAT Aichi!
Title: Re: A·Map - Online Tilemap Editor
Post by: Ashbad on May 22, 2011, 09:09:12 am
looks awesome :D can't wait until it gets even further along, if it supports up to 8 level grayscale I'll use it instead of calcGS :)
Title: Re: A·Map - Online Tilemap Editor
Post by: DJ Omnimaga on May 25, 2011, 03:49:24 am
Awesome Aichi. It would be nice to be able to use our own sprites, though.
It's already possible. :) Click on the third button (this 8x8 character) to import a backup code from Asprite as Tilesheet.
Hmm it doesn't work. I tried entering 0123456789ABCDEF (the normal 8x8 sprite data lenght is 16 hex chars) and it only showed a blank tile ??? (I tested in Opera 11.11)


I agree, also it would be nice to be able to change sprites simply by holding down the mouse button and hovering on the appropriate squares, so no need to click over and over. Not sure how this is possible in JS, though.
You already can do that. Press Shift to paint the left tile and Strg for the right tile.
Ok thanks for the info, it works :D
Title: Re: A·Map - Online Tilemap Editor
Post by: Aichi on May 25, 2011, 04:31:24 am
Hmm it doesn't work. I tried entering 0123456789ABCDEF (the normal 8x8 sprite data lenght is 16 hex chars) and it only showed a blank tile ??? (I tested in Opera 11.11)

You have to use the Backup format from Asprite.^^

(http://img694.imageshack.us/img694/360/amaptilesheet.png)

( http://xeverion.com/Tools/Asprite )
Click on a, paste 0123456789ABCDEF in, then click on b to get an Asprite Backup Code. You can import this code in Amap.
Title: Re: A·Map - Online Tilemap Editor
Post by: DJ Omnimaga on May 25, 2011, 04:33:59 am
Oh ok, thanks for clarifying. You definitively need to include those steps/instructions on the site directly, and links to the map editor (with text, not just images, else it can be hard to figure out), so we don't need to read through the first forum post everytime X.x

EDIT: Bug report:

After importing the sprite, all other sprites already present gets deleted :(
Title: Re: A·Map - Online Tilemap Editor
Post by: Aichi on May 25, 2011, 04:50:49 am
EDIT: Bug report:

After importing the sprite, all other sprites already present gets deleted :(
Using an own tilesheet overwrites the default tilesheet of course, otherwhise you would be forced to use the default tiles in your games.
You would get wrong tilemaps through just mixing different tilesheets.
However, here's the Asprite Backup code of the preset tiles.
Code: [Select]
ÿÿÿÿÿÿÿÿÿĀǾǾǾǾǾǾǾǾÿǾǚƤǚǚƤǚǾĀĎďğĿǾƇǾơąǾÿÿÿǾƇǾġĆǾĂĄĈǰƐǰİćǾƇǾơǾƇǾơÿǾƇǾġǾƇǾġĉǰƐǰİǰƐǰİĊǾƇǾơǾƇǾÿċǾƇǾġǾƇǾÿČǰƐǰıdzƗǯÿčĻŁƀƄƠƀƈŁĀĻīijīijīijĻĀğāÿÿĿÿāÿĀĘĥÿÿţƗÿÿĀćƇƣģÿđƑſĀ

Also, I'm currently working on Asprite, Amap and a new tool again.
After releasing the updates I will upload a video that shows how to use these tools correctly. :)
Title: Re: A·Map - Online Tilemap Editor
Post by: DJ Omnimaga on May 25, 2011, 04:57:26 am
oh ok so basically I just need to store the codes somewhere else while making new tiles then later merge them all and when ready I load that code?
/me wonders what's the maximum lenght, because there are games with like 30-60 tiles per map :P

Also nice to hear. A video would be nice.
Title: Re: A·Map - Online Tilemap Editor
Post by: Aichi on May 25, 2011, 05:03:26 pm
/me wonders what's the maximum lenght, because there are games with like 30-60 tiles per map :P
There isn't any limit. :)

Update!
- I have rewritten the whole document and changed the interface
- Some little things and things i can't remember of
- Map rendering is finally possible. ^.^ I created the attachment just with Asprite and Amap.

Planned:
- Convert maps directly into 8xp's
- The ability to save several maps in one backup code
Title: Re: A·Map - Online Tilemap Editor
Post by: Munchor on May 25, 2011, 05:26:27 pm
This is so awesome, awesome awesome Aichi, very well =D
Title: Re: A·Map - Online Tilemap Editor
Post by: DJ Omnimaga on May 25, 2011, 05:37:04 pm
Woah nice, glad it's possible to render larger maps!

Personally I loved to make maps on the calc before but at one point it was getting boring cuz of the small screen. I would like if we could create larger maps on the computer then export to Axe format. :D

Another bug report:

In Opera, the first time we open the amap editor page, an error pop ups.

Another problem is that the ability to draw tiles without clicking over and over is extremly slow with the Alt G key. Shift works fine but the other one causes extreme CPU usage O.O

Title: Re: A·Map - Online Tilemap Editor
Post by: Aichi on May 25, 2011, 06:06:01 pm
In Opera, the first time we open the amap editor page, an error pop ups.

Another problem is that the ability to draw tiles without clicking over and over is extremly slow with the Alt G key. Shift works fine but the other one causes extreme CPU usage O.O
Ah, I forgot to fix this error. :D This error doesn't cause any problems though.
And yeah, currently changing a tile refreshes all 96 tiles. I will minimize the cpu usage by shrinking the refreshing to only necessary things with the next update.
Thanks for these bug reports.
Title: Re: A·Map - Online Tilemap Editor
Post by: DJ Omnimaga on May 25, 2011, 06:55:42 pm
Well, the thing I am concerned about is that when I use Shift, it's really fast. I can change plenty of tiles in a second or two. It's when I use the 2nd sprite key that is the problem. Is it because both use a different routine?

Anyway there's a news now :D http://ourl.ca/11238/212702
Title: Re: A·Map - Online Tilemap Editor
Post by: Munchor on May 27, 2011, 12:52:41 pm
Well, the thing I am concerned about is that when I use Shift, it's really fast. I can change plenty of tiles in a second or two. It's when I use the 2nd sprite key that is the problem. Is it because both use a different routine?

Anyway there's a news now :D http://ourl.ca/11238/212702

The news article is totally fair :D It was also added in the Misc page :D
Title: Re: A·Map - Online Tilemap Editor
Post by: Aichi on May 27, 2011, 03:43:33 pm
Well, the thing I am concerned about is that when I use Shift, it's really fast. I can change plenty of tiles in a second or two. It's when I use the 2nd sprite key that is the problem. Is it because both use a different routine?

Anyway there's a news now :D http://ourl.ca/11238/212702
Both keys work by exactly the same way. The key for painting the second tile is CTRL. I falsely wrote STRG, that's the german name. Using CTRL should be as fast as using Shift, at least on Firefox.
Title: Re: A·Map - Online Tilemap Editor
Post by: TIfanx1999 on May 28, 2011, 10:07:02 am
I saw this from the news, article looks promising. In A-map when I try selecting the default tiles it seems the tile selection is broken. It often gives me a different tile from what I select. This is using Fire Fox 3.6.17 A sprite seems quite nice. The only issue I had with it was that I couldn't get the preview window to close. I may test in IE and chrome later and give more feedback. I'll also try with a fresh Fire Fox session later.
Title: Re: A·Map - Online Tilemap Editor
Post by: Stefan Bauwens on May 28, 2011, 11:17:11 am
I don't have to use this but I was just trying the spriter out: http://xeverion.com/Tools/Asprite/
But everywhere I click nothing happens(it stays white). Am I doing something wrong?
Title: Re: A·Map - Online Tilemap Editor
Post by: Aichi on May 28, 2011, 11:23:39 am
I don't have to use this but I was just trying the spriter out: http://xeverion.com/Tools/Asprite/
But everywhere I click nothing happens(it stays white). Am I doing something wrong?
Using the left mouse button should color the pixels black.
Which browser did you use?
Title: Re: A·Map - Online Tilemap Editor
Post by: Stefan Bauwens on May 28, 2011, 11:25:02 am
I don't have to use this but I was just trying the spriter out: http://xeverion.com/Tools/Asprite/
But everywhere I click nothing happens(it stays white). Am I doing something wrong?
Using the left mouse button should color the pixels black.
Which browser did you use?
I'm using Safari Version 5.0.3(Mac)
Title: Re: A·Map - Online Tilemap Editor
Post by: Aichi on May 28, 2011, 11:46:47 am
I'm using Safari Version 5.0.3(Mac)
I installed Safari to try Asprite on it,
and it is actually not working, sorry.
Title: Re: A·Map - Online Tilemap Editor
Post by: Stefan Bauwens on May 28, 2011, 03:45:02 pm
I'm using Safari Version 5.0.3(Mac)
I installed Safari to try Asprite on it,
and it is actually not working, sorry.
I don't need to use this(yet) because I'm just a 68k basic programmer ATM, so it doesn't bother me.
Title: Re: A·Map - Online Tilemap Editor
Post by: Aichi on May 28, 2011, 03:57:51 pm
The Safari Bug will be fixed soon.
Title: Re: A·Map - Online Tilemap Editor
Post by: Aichi on May 29, 2011, 11:20:08 am
A-Map updated!

New Features:

- Map packages that contains multiple maps
- Directly exporting as 8xp
- Bugfixes, improvements


Edit:

- Importing / Exporting the map package plus the used tilesheet as backup code
- Bugfixes, improvements