Home Upgrade Search Memberlist Extras Hacker Tools Award Goals Help Wiki Contact

Pixel Art! - Create Art From Pixels...

Decided to try and make a pixel art tool with HTML 5 and jQuery. Overall, I think it turned out good.

Visit Site!

Instructions:
- To create a pixel, either click "New Pixel!" on the right, or press "p" on the keyboard.
- Pressing "space" on the keyboard will create a new pixel without resetting the new pixel's position.
- You can go back to pixels you've already placed. Just click on a pixel again to toggle it.
- To delete the currently toggled pixel, either click "Delete Pixel" on the right, or press "d" on the keyboard.

Features:
- Save your work and come back to it later.
- Take a screenshot of your pixel art.

To-Do:
- Update design.
- Add more shortcuts.
[Image: lv8uZDo.png]

All I could get working was moving the pixel around the screen but that was still fun xD

Will be great to play around with when it is finished.
This is pretty cool, had some fun playing around with it.

http://i.imm.io/1g9CO.png
Fixed all the issues I came across such as pixels going off the canvas. Loading and saving work just fine now. Added a few shortcut keys as well as redesigning a few aspects.
[Image: lv8uZDo.png]

Could you make the pixel cruising a bit smoother please?
(Sep 11, 2013 02:58 PM)Grin Wrote:  Could you make the pixel cruising a bit smoother please?

Alright, done. Made it smoother. Not sure if it's smooth enough or not, didn't want to over-do it.
[Image: lv8uZDo.png]

In my opinion, it's still not as fluid as it should be for easy drawing.
(Sep 11, 2013 04:06 PM)Grin Wrote:  In my opinion, it's still not as fluid as it should be for easy drawing.

Not sure how I can make it more fluid. Just causes issues if I try animating it. Adjusted it a bit more, made it a bit more smooth. About as smooth as I can get it to be without making it feel "sluggish". Might play around with it more later.

Also, added a shortcut for the space bar. Pressing it will make a new pixel as well, without resetting the new pixel's position.
[Image: lv8uZDo.png]



Possibly Related Threads...
Thread / Author Replies Views Last Post
by SateraxMay 3, 2026 02:13 PM 0 126 May 3, 2026 02:13 PM
Last Post: Saterax
by emotionullNov 12, 2021 11:48 PM 5 292 Nov 12, 2021 11:48 PM
Last Post: Ramayana
by emotionullAug 18, 2020 12:40 PM 14 480 Aug 18, 2020 12:40 PM
Last Post: emotionull