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

0 Members and 1 Guest are viewing this topic.

Offline epic7

  • Chopin!
  • LV11 Super Veteran (Next: 3000)
  • ***********
  • Posts: 2200
  • Rating: +135/-8
  • I like robots
    • View Profile
Re: Pixelscape: online sprite and tilemap editor
« Reply #90 on: December 04, 2012, 07:35:30 pm »
That sprite doesn't work D:
It also says "Warning: Division by zero in /home/deepthought/public_html/pix/index.php on line 24"

Probably the computer I'm using currently. Org isn't working at all on this computer either. Luckily I rarely use this one :P

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: Pixelscape: online sprite and tilemap editor
« Reply #91 on: December 04, 2012, 08:00:20 pm »
That actually sounds like a server-side error (which means it's definitely my fault). What did you do to trigger it?




Offline epic7

  • Chopin!
  • LV11 Super Veteran (Next: 3000)
  • ***********
  • Posts: 2200
  • Rating: +135/-8
  • I like robots
    • View Profile
Re: Pixelscape: online sprite and tilemap editor
« Reply #92 on: December 04, 2012, 08:17:13 pm »
I loaded the running sprite and pushed save'

And org has been doing this:
Spoiler For Spoiler:
« Last Edit: December 04, 2012, 08:19:31 pm by epic7 »

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: Pixelscape: online sprite and tilemap editor
« Reply #93 on: December 04, 2012, 11:32:00 pm »
Yes, seems there is a bug with the Runner sample sprite specifically. I'll try to fix that later tonight.

As for ORG, it looks like JavaScript isn't loading. It was a mistake on my end, and has been fixed now. Sorry about that!
« Last Edit: December 05, 2012, 01:06:40 am by Deep Thought »




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: Pixelscape: online sprite and tilemap editor
« Reply #94 on: December 09, 2012, 11:02:11 pm »
Fixed the Runner set as well as others that weren't quite right and added a new one (Penguin) to show off the grayscale support.

I also changed a lot of stuff in the back-end, so there may be things that don't work as they should. If you come across any, please let me know :)




Offline DJ Omnimaga

  • Clacualters are teh gr33t
  • CoT Emeritus
  • LV15 Omnimagician (Next: --)
  • *
  • Posts: 55943
  • Rating: +3154/-232
  • CodeWalrus founder & retired Omnimaga founder
    • View Profile
    • Dream of Omnimaga Music
Re: Pixelscape: online sprite and tilemap editor
« Reply #95 on: February 12, 2013, 04:41:37 am »
Any idea why the sprite shifting/rotating/animate options are grayed out (and not working)? O.O

Offline MGOS

  • LV6 Super Member (Next: 500)
  • ******
  • Posts: 336
  • Rating: +95/-0
    • View Profile
Re: Pixelscape: online sprite and tilemap editor
« Reply #96 on: February 12, 2013, 08:37:11 am »
Any idea why the sprite shifting/rotating/animate options are grayed out (and not working)? O.O

Same with me on opera - in chrome it works though.

Offline DJ Omnimaga

  • Clacualters are teh gr33t
  • CoT Emeritus
  • LV15 Omnimagician (Next: --)
  • *
  • Posts: 55943
  • Rating: +3154/-232
  • CodeWalrus founder & retired Omnimaga founder
    • View Profile
    • Dream of Omnimaga Music
Re: Pixelscape: online sprite and tilemap editor
« Reply #97 on: February 12, 2013, 11:31:05 pm »
I guess maybe he kept some features disabled for certain browsers x.x

Also what would be cool is if it was possible to import BMP, GIF and PNG sprite sheets or making larger sprites then splitting them in 8x8 chunks.

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: Pixelscape: online sprite and tilemap editor
« Reply #98 on: February 13, 2013, 11:13:55 pm »
I guess maybe he kept some features disabled for certain browsers x.x
I had never actually tested Pixelscape in Opera (since I uninstalled it the last time I cleaned up my flash drive).

Just tried it out today, and while I didn't have much time to really test anything, here's what I can tell:
  • The icons aren't grayed out. That's the color they're supposed to be.
  • However, they are supposed to change color when you hover on them, which isn't happening.
  • They don't respond to clicks.
So Opera is just pretending they don't do anything for some reason, but I couldn't get Dragonfly to work there at school so I'll have to install Opera and try it out at home when I get the chance.




Offline DJ Omnimaga

  • Clacualters are teh gr33t
  • CoT Emeritus
  • LV15 Omnimagician (Next: --)
  • *
  • Posts: 55943
  • Rating: +3154/-232
  • CodeWalrus founder & retired Omnimaga founder
    • View Profile
    • Dream of Omnimaga Music
Re: Pixelscape: online sprite and tilemap editor
« Reply #99 on: February 16, 2013, 04:13:45 am »
Ah I see now, I thought you disabled Opera support or something :P. I hope you can add support for it in the future (although I heard that Opera is gonna move to Webkit at one point, so in long terms this might not be as useful)

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: Pixelscape: online sprite and tilemap editor
« Reply #100 on: February 16, 2013, 02:47:22 pm »
Ah I see now, I thought you disabled Opera support or something :P.
I wouldn't do that unless there were some real security issues or something like that.
I hope you can add support for it in the future (although I heard that Opera is gonna move to Webkit at one point, so in long terms this might not be as useful)
Really? That would basically take away the one reason I'm not using Opera right now lol

I'll still try to get these buttons to work in Presto though.
« Last Edit: February 16, 2013, 02:48:06 pm by Deep Thought »




Offline DJ Omnimaga

  • Clacualters are teh gr33t
  • CoT Emeritus
  • LV15 Omnimagician (Next: --)
  • *
  • Posts: 55943
  • Rating: +3154/-232
  • CodeWalrus founder & retired Omnimaga founder
    • View Profile
    • Dream of Omnimaga Music
Re: Pixelscape: online sprite and tilemap editor
« Reply #101 on: March 07, 2013, 02:14:29 am »
Yeah I'm unsure if it's official but it would be nice if Opera used Webkit. I like its interface and features in general.

Offline Keoni29

  • LV11 Super Veteran (Next: 3000)
  • ***********
  • Posts: 2466
  • Rating: +291/-16
    • View Profile
    • My electronics projects at 8times8
Re: Pixelscape: online sprite and tilemap editor
« Reply #102 on: March 20, 2013, 11:47:37 am »
This is so handy. I used to do this all by hand or using an oncalc sprite editor.
If you like my work: why not give me an internet?








Offline Xeda112358

  • they/them
  • Moderator
  • LV12 Extreme Poster (Next: 5000)
  • ************
  • Posts: 4704
  • Rating: +719/-6
  • Calc-u-lator, do doo doo do do do.
    • View Profile
Re: Pixelscape: online sprite and tilemap editor
« Reply #103 on: July 21, 2013, 05:43:13 pm »
I have some feature requests...

I finally used this for the first time today and I really like it! I was trying to make masked sprites, but there aren't any options available. Instead, I used the 4-level gray option and toggled the pixels accordingly. Unfortunately, this makes it kind of tough to visualise the sprite to make sure I am setting the pixels properly, so it would be cool to have it as an option. There are two ways that I am familiar with (and I have used both, depending on the conditions) :

Method 1: AND - OR
First layer is used as an AND mask. This tells which pixels to erase/preserve on the current image. Alternatively, you can make it so that a pixel OFF on this layer corresponds to an OFF pixel in the sprite. In other words, you can start this as all black.
Second layer is used as an OR mask. These are all the pixels that are set by the sprite.

The cleanest way to display this is to have it so that an ON pixel in the AND mask is displayed as gray, an OFF pixel is displayed as white. Any pixels OFF in the OR mask do nothing, pixels ON show as black. If the user toggles a pixel off, it should turn the pixel off in both masks.

Method 2: OR - XOR
The other method, the first layer is an OR mask, turning on pixels, the second layer has set bits that turn pixels OFF.

A pixel ON in the XOR mask should also be ON in the OR mask. This makes a white pixel.
A pixel OFF in the XOR mask and ON in the OR mask makes a black pixel.
A pixel OFF in both masks won't change the background.

The visualisation for this would be gray if both pixels are off, black if only the XOR pixel is off, white if both pixels are ON.


The other request would be one of data output syntax. I don't know how popular it is, but I tend to store my gray and masked tiles such that the two layers are interleaved (for assembly, this is easier/faster for me). So for a ball, I might have:
Code: [Select]
;OR Mask
.db $3C,$7E,$FF,$FF,$FF,$FF,$7E,$3C
Code: [Select]
;XOR Mask
.db $00,$3C,$7E,$7E,$7E,$7E,$3C,$00
That will cause the pixels on the outside of the ball to be unchanged when it is drawn, the pixels inside get set to white, perimeter is black. The data as I store it:
Code: [Select]
;Interleaved
.db $3C,00,$7E,$3C,$FF,$7E,$FF,$7E,$FF,$7E,$FF,$7E,$7E,$3C,$3C,00

I hope this makes sense! I won't have much trouble converting it myself (I have a spreadsheet that I have had for a looong time to interleave data and do other manipulations :P)

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: Pixelscape: online sprite and tilemap editor
« Reply #104 on: July 26, 2013, 07:51:02 pm »
Update

Fixed a bunch of bugs with saving as code (mostly reported by Xeda).

I also added an "Interleaved" Z80 code export mode as you suggested. Will work on masking support :)