Skip to content
Sign upLog in
← Back to Community

Pixel Art Drawer! With Save Function!

Profile icon
HackingGo306

PIXEL ART DRAWER

2021-01-28

2021-01-28 (1)

( I'm bad at this ☹ )


This is A Total Knockoff Version of Pixel Art Creator Pixel Art Maker!


Contains:

  • 1000 lines of inefficient and repetitive code
  • 15 by 7.5 small grid
  • 15 by 30 large grid
  • 4 animation styles (One that is practically useless)

Controls:

There are a lot of controls to learn

Small Grid and Big Grid:

  • 11 popular colors located on a convenient spot.

  • Eraser

  • HTML5 color picker for every color possible.

  • Mouse functions:

    • Left click to draw 1 pixel.
    • Right-click on a tile to change your current color to the color your cursor is over.
    • Drag and move the mouse to color multiple tiles.
  • Press “r” to toggle lines (Only on the big grid)

The animation grids:

  • Click on any of them to start.
  • Right-click any to clear.

Sharing:

  • Scroll all the way down to see sharing options:
    • Click ‘share’ and text will pop up, copy the text and paste it somewhere to share it or keep for later use
    • Click import and paste text inside to import a saved drawing.

Proof that even clumsy people can use this:

OOPS! I accidentally reloaded/closed the tab! My hard work is all down the drain!

Your device: 😈

You: 😢

Your browser tab when you open it: the drawing is still saved

Yes! The program will save the latest drawing every 40 milliseconds (unless you have bad internet)


Now let's try to draw some of the (easy) top repl contributors!

@DynamicSquid

2021-01-28 (4)

@SixBeeps

Screen Shot 2021-01-28 at 6.07.18 PM

@CodingCactus

Screen Shot 2021-01-28 at 7.19.42 PM

@PYer

Screen Shot 2021-01-28 at 7.07.03 PM

@mat1

Screen Shot 2021-01-28 at 7.14.00 PM

Enjoy!

Voters
Profile icon
heatcoder
Profile icon
SqueezyS
Profile icon
LuckyOreos
Profile icon
HackingGo306
Comments
hotnewtop
Profile icon
LuckyOreos

Awesome!!! Nice job!

Profile icon
HackingGo306

@LuckyOreos

Thank you!

Profile icon
PixelRunner

image