Online Sprite Editor

[Aichi]

Hey guys,
I work on an online Sprite Editor that translates 8x8 bitmaps in hex, bin and dec
using PHP, HTML, CSS and JS. All graphics are made by me in PS12, except the
Axe Parser logo that I've taken from the Axe Parser Support forum.
I created this sprite editor since I'm playing around with Axe Parser at the moment.
It might be useful for someone.^^



Random Shared-Sprites Database entry:


Userbars:

Code: Select All | Copy To Clipboard

1	[url=http://xeverion.com/Tools/Asprite][img]http://xeverion.com/Tools/Asprite/Userbar/Simple.png[/img][/url]

Code: Select All | Copy To Clipboard

1	[url=http://xeverion.com/Tools/Asprite][img]http://xeverion.com/Tools/Asprite/Userbar/Advanced.png[/img][/url]

Code: Select All | Copy To Clipboard

1	[url=http://xeverion.com/Tools/Asprite][img]http://xeverion.com/Tools/Asprite/Userbar/Asprite.png[/img][/url]

[ZippyDee]

Nice! Your hex and dec text are overlapping your binary, but still good!

Maybe as you keep developing you could add some grayscale and masking features, etc.

[Aichi]

Nice! Your hex and dec text are overlapping your binary, but still good!

Maybe as you keep developing you could add some grayscale and masking features, etc.

Which Browser do you have used? Some Browsers can't handle CSS3 properties correctly.
It should look like this screenshot.

[Freyaday]

I have the same problem, and I'm in Chrome

[Aichi]

The layout bugs on Chrome have been fixed.

[Munchor]

Hey guys,
I work on an online Sprite Editor that translates 8x8 bitmaps in hex, bin and dec
using PHP, HTML, CSS and JS. All graphics are made by me in PS12, except the
Axe Parser logo that I've taken from the Axe Parser Support forum.
I created this sprite editor since I'm playing around with Axe Parser at the moment.
It might be useful for someone.^^

Very nice! I once made a Java applet as a sprite editor, maybe I should upload it.

[Aichi]

Very nice! I once made a Java applet as a sprite editor, maybe I should upload it.

It would be nice to see yours.^^

[DJ Omnimaga]

THis looks awesome! It would be cool if you could add the following:

-3 and 4 level grayscale sprites
-choosing between 8x8 and 16x16, with the option to split the hex in 4 8x8 sprites or not, when in 16x16 mode
-Changing pixel state automatically when you move the mouse cursor while holding down the button over a sprite. That way you don't need to click click click click and click when turning ON/OFF multiple pixels.
-The ability to view how the sprite looks like on a smaller grid made of just the sprite in 12x8 tilemap form, for people who are creating wall tiles, for example, to see if each side blends together.

Also, if you ever lose interest in Omnimaga (which i hope not), could you PM an admin the files so this can still remain online when your host shuts down? It would suck to see this tool go.

[Aichi]

Update!
You find the Sprite editor by clicking on the logo in the first post.

- Rotating By 90*
- Horizontal Flipping
- Vertical Flipping
- Hex Input
- Bin Input
- Dec Input (Input Button without function atm)
- SHIFT + Hover = Drawing without clicking (Black)
- CTRL + Hover = Drawing wihtout clicking (White)
- LMB = Black, RMB = White (Removed the context menu to enable the RMB)
- Hover effects
- Some layout improvements

The other things that have been proposed by DJ_O will be added in a later version.

Also, if you ever lose interest in Omnimaga (which i hope not), could you PM an admin the files so this can still remain online when your host shuts down? It would suck to see this tool go.

I never gonna give TI up. 
Also, it's OpenSource.

[Munchor]

Update!
You find the Sprite editor by clicking on the logo in the first post.

- Rotating By 90*
- Horizontal Flipping
- Vertical Flipping
- Hex Input
- Bin Input
- Dec Input (Input Button without function atm)
- SHIFT + Hover = Drawing without clicking (Black)
- CTRL + Hover = Drawing wihtout clicking (White)
- LMB = Black, RMB = White (Removed the context menu to enable the RMB)
- Hover effects
- Some layout improvements

The other things that have been proposed by DJ_O will be added in a later version.

Also, if you ever lose interest in Omnimaga (which i hope not), could you PM an admin the files so this can still remain online when your host shuts down? It would suck to see this tool go.

I never gonna give TI up. 
Also, it's OpenSource.

What about Ctrl+Hover to draw white pixels and not just 8*8 images?

Very good so far.

[Ashbad]

very nice, aichi :3 this looks great, and the graphics complement it, so it doesn't look boring

some requests:

-toggle grayscale up to 8 level
-possible 16x16 toggling
-clear all
-export as TI ASCII

[Munchor]

very nice, aichi :3 this looks great, and the graphics complement it, so it doesn't look boring

some requests:

-toggle grayscale up to 8 level
-possible 16x16 toggling
-clear all
-export as TI ASCII

I definutely have to agree with the good graphics and the 16*16 with possibility of exporting code ready to be used in Axe.

[Aichi]

Update!
You find the Sprite editor by clicking on the logo in the first post.

- Shifting the sprite up, down, left and right (Up and down are not done yet)
- Editing the current Hex / Bin Code
- Frame System
---- Adding and Deleting frames
---- Switching to the next / Previous frame
---- Jumping to the first  / last frame
---- Jumping to a specific frame
- Clearing sprites
- New hover effects
- Layout improvements


And sorry, but I won't include a way to export the sprites as TI progs,
unless someone has a routine to convert code into 8xp using PHP or JS.

[Munchor]

Update!
You find the Sprite editor by clicking on the logo in the first post.

- Shifting the sprite up, down, left and right (Up and down are not done yet)
- Editing the current Hex / Bin Code
- Frame System
---- Adding and Deleting frames
---- Switching to the next / Previous frame
---- Jumping to the first  / last frame
---- Jumping to a specific frame
- Clearing sprites
- New hover effects
- Layout improvements


And sorry, but I won't include a way to export the sprites as TI progs,
unless someone has a routine to convert code into 8xp using PHP or JS.

Nice job =D

[Aichi]

Update!
You find the Sprite editor by clicking on the logo in the first post.

- Auto selection by hovering an output box
- Dec Input / Edit
- Copy and Paste
- Export all frames at once into a backup code
---- Test code: ÿÿǃƋǓƃƃÿÿÿŶŀŶŃņÿÿĎǀƎǀƀĎÿÿǯſǧƉƍƁÿÿÿÿÿÿňÿÿ
- Importing backup codes
- live Preview as Image, so you are able to drag the preview image to your desktop or wherever you want
- Sharing sprites
---- Just for fun and to refresh my MySQL knowledge
---- Use the world button and enter a name to add the current sprite to the sprite database
---- There is a random entry of this database in the first post
- Final layout improvements and script improvements

It would be nice if you test all features, since there might be still bugs.
And thanks, Scout.