maierfelix / poxi

A flat pixel art editor

Poxi is a modern, flat pixel art editor for the browser with focus on elegance, simplicity and productivity.

Demo

Engine features

• Smart batching
• WebGL-based renderer
• Low-level matrices
• Undo/Redo for all operations
• Infinite grid
• Copy by reference

I've created this pixel editor because of the lack of smooth pixel editors inside the browser. All current implementations lack of speed and just feel clunky and slow. I've created a whole low-level pixel matrix framework from scratch for this, offering incredible speed, a undo/redo state machine and various basic transformation methods. This allows you to work on images even larger than 8000px á 8000px with very low memory consummation.

Coming soon

• Animations
• Selections
• Faster bucket filling

Contributing

Code related pull requests are very welcome, but please make sure they match the existing code style.

License

BSD-2

poxi's Issues

Selections doesn't work

Selection feature is broken since the whole matrix logic got refreshed

http://app.poxi.rocks/ DNS is down.

I can't access the website:
http://app.poxi.rocks/

because my web browser can't find it in DNS.

Web server down!

The hosting off the poxi website is currently down.

Mabye someone should fix that?

Looks blurry on Retina screens

Hey,

Thats a really nice tool that you got there. Just one little thing to add is a CSS property on the canvas element to make it look like more "pixelated" than "blurry" on retina screens.

Just change your image-rendering property value by "pixelated".

image-rendering: pixelated;

Nice work tho, keep going.

Add full animation support

Recreating the whole UI

The current UI looks crap on many screens, consider switching to a ui framework and making it responsive.

New cursor

With canvas you should be able to create & use a custom cursor. At the moment I think that the "pointer" cursor is pretty ugly and is taking too much place while making pixel art. The cursor should be a pencil or something thin like this.

a couple useful libs

Hi,

Interesting project. I've done some pixel-level work with color quantization/dithering [1][2] & GIF frame encoding & canvas recording [3][4]. Specifically, these related projects focus on pixelated images.

If you have any interest in utilizing either of these or genrral related questions, feel free to ping me :)

Disclaimer: GIFter has not been maintained for a couple years, but i pushed new dev version last night that i had laying around. The API may need some refinement, likely a few bugs as well. Not many docs, but code is short. If there's any interest, it can be polished up.

feel free to close this issue, it' just a heads up.

cheers!

[1] https://github.com/leeoniya/RgbQuant.js
[2] http://leeoniya.github.io/RgbQuant.js/demo/

[3] https://github.com/leeoniya/GIFter.js
[4] https://rawgit.com/leeoniya/GIFter.js/master/demo/index.html

IndexSizeError in Edge

This looks like a good project! I ran into an issue trying to use it with Edge though: this line throws an IndexSizeError and breaks everything else. The documentation on this page says an IndexSizeError is thrown when the numeric arguments for .drawImage are not valid, e.g. the destination is a 0x0 rectangle.

FWI, it works just fine in Chrome and Firefox.