Author Topic: Pixelscape: online sprite and tilemap editor  (Read 36735 times)

0 Members and 1 Guest are viewing this topic.

Offline Deep Toaster

  • So much to do, so much time, so little motivation
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 8217
  • Rating: +758/-15
    • View Profile
    • ClrHome
Pixelscape: online sprite and tilemap editor
« on: May 28, 2012, 11:37:33 am »
A·Sprite and A·Map were two great tools, but they've disappeared, so I thought I'd try making an online sprite editor of my own.

Pixelscape is what I have so far. Currently I've only made a simple sprite editor, but you can create, edit, delete, and rearrange any number of sprites listed in the right sidebar, which will serve as the tileset when I build a map editor around it.

Also legitimate use of [netham45] below ^^

[netham45]

Planned features
  • Animation (rapidly looping through all existing sprites) Done
  • Map editor (you'll be able to toggle back and forth between the sprite and map editor) Done
  • Sprite editing tools (flip, rotate, and so on) Done
  • Saving sprites and tilemap online Done
  • Tilemapping sample code generator

LATEST UPDATE: http://ourl.ca/13677/264135/
« Last Edit: September 30, 2012, 12:48:13 pm by Deep Thought »




Offline Nick

  • LV9 Veteran (Next: 1337)
  • *********
  • Posts: 1166
  • Rating: +161/-3
  • You just got omnom'd
    • View Profile
    • Nick Steen
Re: [INDEV] Pixelscape: online sprite and tilemap editor
« Reply #1 on: May 29, 2012, 08:06:07 am »
oh, now the link works as it should :)

it looks really good, simple, but good.. and it's nice that you can see the tiles on the side, but wouldn't you change that to a grid instead of a list? since when making tilemaps, you quickly got a lot of sprites, and it would be handy if you wouldn't have to scroll up and down all the time

Offline Deep Toaster

  • So much to do, so much time, so little motivation
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 8217
  • Rating: +758/-15
    • View Profile
    • ClrHome
Re: [INDEV] Pixelscape: online sprite and tilemap editor
« Reply #2 on: May 29, 2012, 09:08:57 am »
Yeah, that's a good point. It's a list because rearrangeable lists are easier to make and keep track of than rarrangeable grids :P I'll look into it though.

UPDATE: Added undo (Ctrl+Z).
« Last Edit: May 29, 2012, 09:09:17 am by Deep Thought »




Offline kindermoumoute

  • LV8 Addict (Next: 1000)
  • ********
  • Posts: 836
  • Rating: +54/-3
    • View Profile
Re: [INDEV] Pixelscape: online sprite and tilemap editor
« Reply #3 on: May 29, 2012, 11:58:52 am »
Are grayscales planned ?

EDIT : can we modify hex code ?

EDIT2 : wooot my rate is 42? :w00t:
« Last Edit: May 29, 2012, 12:00:55 pm by kindermoumoute »
Projects :

Worms armageddon z80 :
- smoothscrolling Pixelmapping : 100%
- Map editor : 80%
- Game System : 0%

Tutoriel français sur l'Axe Parser
- 1ère partie : en ligne.
- 2ème partie : en ligne.
- 3ème partie : en ligne.
- 4ème partie : 10%
- Annexe : 100%

Offline Eiyeron

  • Urist McEiyolobster
  • LV10 31337 u53r (Next: 2000)
  • **********
  • Posts: 1430
  • Rating: +130/-10
  • (-_(//));
    • View Profile
    • Rétro-Actif : Rétro/Prog/Blog
Re: [INDEV] Pixelscape: online sprite and tilemap editor
« Reply #4 on: May 29, 2012, 12:19:05 pm »
NO more :p

Is a online multi user mode planned? Live pixel Whiteboarding would be very, very, very uselful!

With some DOM operations, you could make the user store his sprites on his computer! ;)
« Last Edit: May 29, 2012, 12:29:52 pm by Eiyeron »

Offline Stefan Bauwens

  • Creator of Myst 89 - סטיבן
  • LV10 31337 u53r (Next: 2000)
  • **********
  • Posts: 1799
  • Rating: +162/-24
  • 68k programmer
    • View Profile
    • Portfolio
Re: [INDEV] Pixelscape: online sprite and tilemap editor
« Reply #5 on: May 29, 2012, 03:07:01 pm »
Looks awesome. I'll be using this. :)


Very proud Ticalc.org POTY winner (2011 68k) with Myst 89!
Very proud TI-Planet.org DBZ winner(2013)

Interview with me

Offline Deep Toaster

  • So much to do, so much time, so little motivation
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 8217
  • Rating: +758/-15
    • View Profile
    • ClrHome
Re: [INDEV] Pixelscape: online sprite and tilemap editor
« Reply #6 on: May 29, 2012, 10:46:57 pm »
Are grayscales planned ?
Probably not.
EDIT : can we modify hex code ?
Not yet, but it's planned—at least allowing Ctrl+V to paste.
Is a online multi user mode planned? Live pixel Whiteboarding would be very, very, very uselful!
I'm thinking about that...

I've always wanted to make something Google Docs style, so I'd like to test it out with something simple like this before adding it to, say, ORG.
With some DOM operations, you could make the user store his sprites on his computer! ;)
Saving online is planned (it'd be necessary if I ever get around to making it collaborative as you suggested, anyway).

As for saving on the user's computer, I'm planning to make it export the sprite and tilemap data (with optional sample tilemapping code) as an 8XP.

I have lots of plans for this thing :D

EDIT: Okay, maybe grayscale. Eventually.
« Last Edit: May 29, 2012, 10:51:49 pm by Deep Thought »




Offline shmibs

  • しらす丼
  • Administrator
  • LV11 Super Veteran (Next: 3000)
  • ***********
  • Posts: 2132
  • Rating: +281/-3
  • try to be ok, ok?
    • View Profile
    • shmibbles.me
Re: [INDEV] Pixelscape: online sprite and tilemap editor
« Reply #7 on: May 30, 2012, 01:30:55 am »
hey, you should totally add in importing and exporting from 8xv so it can work with tileIt! XD
i'm not sure what live collaboration would be useful for, but if it means practice for other things, go ahead!

Offline Deep Toaster

  • So much to do, so much time, so little motivation
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 8217
  • Rating: +758/-15
    • View Profile
    • ClrHome
Re: [INDEV] Pixelscape: online sprite and tilemap editor
« Reply #8 on: May 30, 2012, 06:32:35 pm »
hey, you should totally add in importing and exporting from 8xv so it can work with tileIt! XD
Sure! Same with my other apps—if you have suggestions for an output format, just tell me what it looks like and I'll add it eventually.
« Last Edit: June 06, 2012, 11:38:05 pm by Deep Thought »




Offline blue_bear_94

  • LV8 Addict (Next: 1000)
  • ********
  • Posts: 801
  • Rating: +25/-35
  • Touhou Enthusiast / Former Troll / 68k Programmer
    • View Profile
Re: [INDEV] Pixelscape: online sprite and tilemap editor
« Reply #9 on: May 30, 2012, 06:39:46 pm »
Also, you should support conversion to a 68k C array.
Due to dissatisfaction, I will be inactive on Omnimaga until further notice. (?? THP hasn't been much success and there's also the CE. I might possibly be here for a while.)
If you want to implore me to come back, or otherwise contact me, I can be found on GitHub (bluebear94), Twitter (@melranosF_), Reddit (/u/Fluffy8x), or e-mail (if you know my address). As a last resort, send me a PM on Cemetech (bluebear94) or join Touhou Prono (don't be fooled by the name). I've also enabled notifications for PMs on Omnimaga, but I don't advise using that since I might be banned.
Elvyna (Sunrise) 4 5%
TI-84+SE User (2.30 2.55 MP 2.43)
TI-89 Titanium User (3.10)
Casio Prizm User? (1.02)
Bag  東方ぷろの

Offline Deep Toaster

  • So much to do, so much time, so little motivation
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 8217
  • Rating: +758/-15
    • View Profile
    • ClrHome
Re: [INDEV] Pixelscape: online sprite and tilemap editor
« Reply #10 on: June 07, 2012, 12:01:52 am »
I still haven't started on the tilemapper part yet, but here are some minor additions.

Update

New:
  • Copy/paste - press Ctrl+V to paste sprite code into the editor (Ctrl+C to copy, of course)
  • Keyboard controls - use the arrow keys and Space to create sprites (useful if you're missing a mouse like I sometimes am)

By the way, shmibs, seems you accidentally my post instead of quoting it :( Would you mind posting what you posted again?




Offline shmibs

  • しらす丼
  • Administrator
  • LV11 Super Veteran (Next: 3000)
  • ***********
  • Posts: 2132
  • Rating: +281/-3
  • try to be ok, ok?
    • View Profile
    • shmibbles.me
Re: [INDEV] Pixelscape: online sprite and tilemap editor
« Reply #11 on: June 07, 2012, 01:23:59 am »
oh dear X.X

all i said is that my oncalc app does just about exactly what yours is supposed to do, so transferring data between the two with appvars wouldn't be difficult. i store tilesets in an appvar that nothing but data, 8*8, tile by tile, and can have up to 256, and maps are stored with the very first byte indicating the map's width in tiles, and then map data, row by row, with a maximum width and height of 128 each.

Offline Nick

  • LV9 Veteran (Next: 1337)
  • *********
  • Posts: 1166
  • Rating: +161/-3
  • You just got omnom'd
    • View Profile
    • Nick Steen
Re: [INDEV] Pixelscape: online sprite and tilemap editor
« Reply #12 on: June 07, 2012, 01:49:24 am »
i found a bug, only with the top  left pixel though. When you toggle a pixel with the spacebar, it gets black, but when you click on it with the mouse it should dissapear again. Which it doesn't, you have to click it twice. This is strange, because the hex code, as well as the small preview at the right, does change correct, but the grid does not.. just to let you know :)

Offline Sorunome

  • Fox Fox Fox Fox Fox Fox Fox!
  • Support Staff
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 7920
  • Rating: +374/-13
  • Derpy Hooves
    • View Profile
    • My website! (You might lose the game)
Re: [INDEV] Pixelscape: online sprite and tilemap editor
« Reply #13 on: June 07, 2012, 08:26:26 am »
i found a bug, only with the top  left pixel though. When you toggle a pixel with the spacebar, it gets black, but when you click on it with the mouse it should dissapear again. Which it doesn't, you have to click it twice. This is strange, because the hex code, as well as the small preview at the right, does change correct, but the grid does not.. just to let you know :)
here the bug is on all pixel, not only the top left one, but the other way round, that if you toggle with the mouse you can't de-toggle with the spacebar if you toggled with the mouse.
EDIT: If you switch between sprites you also can just detoggle them with the mouse.
« Last Edit: June 07, 2012, 08:28:14 am by Sorunome »

THE GAME
Also, check out my website
If OmnomIRC is screwed up, blame me!
Click here to give me an internet!

Offline Deep Toaster

  • So much to do, so much time, so little motivation
  • Administrator
  • LV13 Extreme Addict (Next: 9001)
  • *************
  • Posts: 8217
  • Rating: +758/-15
    • View Profile
    • ClrHome
Re: [INDEV] Pixelscape: online sprite and tilemap editor
« Reply #14 on: June 07, 2012, 08:31:01 pm »
Update

Fixed:
  • ^ dat bug
New:
  • Controls - flip, rotate, and invert your sprites
« Last Edit: June 07, 2012, 08:31:28 pm by Deep Thought »