| |
jailbird
Registered: Dec 2001
Posts: 1576 |
Pixelite HTML5/JS pixel editor
Still struggling to find an okay pixel editor for Linux, so I decided to create one on my own.
Here's a preview of what have I done in 5-6 hours. It's full of shit, but the basics are working. At least on Chrome.
https://pixelite.idevele.com/
I am quite rusty in JS/frontend (basically I rely on jQuery to get stuff done), so if anyone feels like helping me out, here's the repo:
https://github.com/csisztaiarnold/pixelite |
|
| |
Isildur
Registered: Sep 2006
Posts: 274 |
Probably you never heard about VicEditor in C64Debugger. It runs on win/max/linux. It's layout and keyboard shortcuts are mix of P1 and Photoshop (for example [/] zoom in/out brush size).
New version (unreleased yet) has feature to load reference image as layer.
For the first time it might look a bit complicated, but if you'll read readme.txt everything will be fine.
Biggest disadvantage of Viceditor is to run in maximized window due to opengl layers used by Slajerek.
BTW your online editor looks pretty good, thanks for it :) |
| |
Compyx
Registered: Jan 2005
Posts: 631 |
Am I supposed to be able to actually pixel stuff. Or is it just dragging around pictures? |
| |
jailbird
Registered: Dec 2001
Posts: 1576 |
Quote: Am I supposed to be able to actually pixel stuff. Or is it just dragging around pictures?
Perhaps you have seen a very early version? Make sure to clear your cache, and to use Chrome (haven't tested it at all in other browsers). You could definitely create actual pictures with it, and now even the hires limitation apply.
https://youtu.be/i-zkSLopdb4 |
| |
QuasaR
Registered: Dec 2001
Posts: 145 |
Looks very promising! Would like to see free configurable keys to change the actual colour. |
| |
Seven
Registered: Jan 2002
Posts: 201 |
Unfortunately doesn't work one bit in most recent Firefox.
Also, right click into image (in attempt to save) actually also sets pixel, so if you're not careful you're messing up the image in an attempt to save it. |
| |
Isildur
Registered: Sep 2006
Posts: 274 |
On Opera and Vivaldi Pixelite is working great here. |
| |
jailbird
Registered: Dec 2001
Posts: 1576 |
Quoting SevenUnfortunately doesn't work one bit in most recent Firefox. Yep, aware of that :/ Once I finish all the major functions, I'll start to optimize it for other browsers.
Quoting SevenAlso, right click into image (in attempt to save) actually also sets pixel, so if you're not careful you're messing up the image in an attempt to save it. Context menu is disabled now, instead you have a secondary color à la any other pixel editor (it will open the image in a new tab). The image could be saved by clicking on the floppy icon in the Settings/Informations window.
Updated the online version. Don't forget to empty your cache or hard reset before checking it out :)
Quoting IsildurOn Opera and Vivaldi Pixelite is working great here. Thanks Isildur! May I ask on which OS? I've had a bit of trouble with the beforeunload event on Linux (Debian Stretch). Which actually worked fine on Windows. |
| |
FATFrost
Account closed
Registered: Sep 2003
Posts: 211 |
Great editor Jailbird! I can’t wait to see more features.
Ps did you ever check out slixed by digger?
http://c64.blog2t.net/slixed/
That has hires support and multicolour, can import png gfx and save them, have block copy and pattern dithering brush modes. Also I use it for my two screen pic editing.
/FF |
| |
Isildur
Registered: Sep 2006
Posts: 274 |
Wow another good pixeling tool released today:
https://dschwen.github.io/hires/
https://github.com/dschwen/hires |
| |
jailbird
Registered: Dec 2001
Posts: 1576 |
Quote: Wow another good pixeling tool released today:
https://dschwen.github.io/hires/
https://github.com/dschwen/hires
Haha, no offence, great stuff, but a bit of a resource hog by eating about 1 gigs or RAM and stalling my machine's CPU at 96.5% :D
 |
| |
chatGPZ
Registered: Dec 2001
Posts: 11114 |
isnt that why you make it a browser app in the first place? to make it as slow and use as much cpu as possible? =) |
| |
Isildur
Registered: Sep 2006
Posts: 274 |
@Jailbird that editor isn't mine :D
Written by some german guy Daniel Schwen.
BTW 0-2%CPU and 275MB ram taken by Opera with 13 tabs active on win10, so that must be Linux ;) |
| |
jailbird
Registered: Dec 2001
Posts: 1576 |
Quoting Groepazisnt that why you make it a browser app in the first place? to make it as slow and use as much cpu as possible? =) Interestingly enough, especially as I'm quite clueless about JavaScript, I still manage to keep the memory consuming around 50-60MB and the CPU load quite low, about the equivalent of a more or less static site... I was afraid that the undo feature will eat up the memory, but nah, it's fine, even after about one hundred of saved states (which will be limited to 50 anyway), its increased "only" ~10MB.
Anyhow. Undo feature (ctrl+z) is added now and the shite is quite stable on Chrome, so I'd say its safe to use it for actual pixelling. |
| |
jailbird
Registered: Dec 2001
Posts: 1576 |
Quote: Great editor Jailbird! I can’t wait to see more features.
Ps did you ever check out slixed by digger?
http://c64.blog2t.net/slixed/
That has hires support and multicolour, can import png gfx and save them, have block copy and pattern dithering brush modes. Also I use it for my two screen pic editing.
/FF
Hah, I was never aware of Digger's editor, looks interesting.
I am also planning image import, block copy, and custom canvas dimensions, so stay tuned ;) |
| |
ccr
Registered: May 2002
Posts: 25 |
Heh. Seems that everyone is doing something similar. I recently spent some time porting Dr. TerrorZ's Multipaint Metal Edition to Javascript via frankensteined ProcessingJS+JS. The current result can be found at https://tnsp.org/~ccr/mp/ |
| |
Dr. TerrorZ
Registered: Oct 2013
Posts: 11 |
Quote: Heh. Seems that everyone is doing something similar. I recently spent some time porting Dr. TerrorZ's Multipaint Metal Edition to Javascript via frankensteined ProcessingJS+JS. The current result can be found at https://tnsp.org/~ccr/mp/
Wow ccr, I didn't know that. Nice work, it might help those who hate Java.
I'm also first to say Multipaint is not an all-round "editor", it's more of a paint program for making single screens in the standard modes. |
| |
jailbird
Registered: Dec 2001
Posts: 1576 |
@ccr, @Dr. TerrorZ: Lovely work from both of you! Multipaint is the pixelling tool which came the most close to my needs.
What I miss from it is a 1:1 preview window when I am in zoom mode, different zoom levels, inverting the ditherbrush (ie. "raster" in MP), a pipette, and a support for larger canvases. Any chance for adding these features in a later version? |
| |
Dr. TerrorZ
Registered: Oct 2013
Posts: 11 |
Multipaint has a pipette, press comma "," key or middle mouse button while hovering over the area. It doesn't have a corresponding icon as it is not a separate tool.
A preview window is coming to the next version, but at least at first it won't be a true floating window. It will still help in the magnify mode.
Inverting the dither, I think I could add that also. I guess I could also change my terminology as "rasters" are so clearly a different thing. :)
There are 2 zoom levels (key "m" and "M"). I know a seamless zoom would be more modern but it never occurred to me as I don't personally like that so much, and probably won't be adding it in near future.
Large canvases might be doable, but the program was never really meant for that. I've been improving the messy code slowly towards enabling that among other things, but it won't be coming anytime soon. |
| |
ccr
Registered: May 2002
Posts: 25 |
Quote: Wow ccr, I didn't know that. Nice work, it might help those who hate Java.
I'm also first to say Multipaint is not an all-round "editor", it's more of a paint program for making single screens in the standard modes.
I was about to e-mail you about this one of these days, but then this topic came up here. :) |
| |
jailbird
Registered: Dec 2001
Posts: 1576 |
Quoting SevenUnfortunately doesn't work one bit in most recent Firefox. Fixed. For some reason, FF can't zoom canvases with the zoom css property, god knows why. Everything else seems to work just fine. |
| |
subjik
Registered: Dec 2001
Posts: 5 |
Nice work Jailbird, will keep following this!
Also great news ccr, I've been using Dr. TerrorZ's Multipaint and while I don't (severely) hate Java I haven't been able to get the button graphics working anymore on MacOS even with the tips provided. Hence, browser version is very welcome :) |
| |
ccr
Registered: May 2002
Posts: 25 |
As it may be of some interest to some people, I thought to inform ye all that my browser/Javascript port of Multipaint is now (mostly) at feature-parity with the latest Multipaint 2018 release from Dr. TerrorZ. I've also implemented the things (PNG/JPEG/etc export and import) that were previously missing from my port.
The demo can be found from https://tnsp.org/~ccr/mp/ as stated previously in this thread. Naturally you can also run it completely locally in your browser by cloning the Mercurial repo. |
| |
raphis
Account closed
Registered: Jul 2018
Posts: 2 |
Wow, Multipaint in webbrowser is all I need!!!
Is it possible to add load/save file as png, just like in stand alone version? |
| |
ccr
Registered: May 2002
Posts: 25 |
If you had read the notes thoroughly, you'd have noticed that PNG/JPEG import already exists, as does PNG export. (Keys 'e' and 'ctrl+e' respectively. There is no clickable icon for these, unfortunately.) |
| |
raphis
Account closed
Registered: Jul 2018
Posts: 2 |
My fault, I didn't read it :p
Now I can use MP in Linux with no issues, that's a huge improvement!
Thank you so much!!!! |
