Pixel Art Painter

A canvas to generate Pixel art and animation. 

Capture.JPG

After completing the introduction to programming class, also known as 15112, this is a painter program I made using Python within a week. It is a pixel art painter and animator, which people can click and drag their mouse on the pixel board to generate their art. 

The logic behind this small application is to create a canvas that is made of tiny squares.

  • By clicking on the squares, the square underneath the click and drag is assigned the color the cursor had currently chosen.

  • By using a different color and clicking on the already painted squared, the last color would be wiped and the new color is assigned.

  • At last, after completing one of the frames, the save button would save the information on the current canvas, and then turn the current frame into the base canvas while making sure the color is faded to differentiate from the painting of the new frame.

  • When the animation plays, the stored information of each frame would present on the canvas and play at the assigned frame per second. 

Brief:

To code a program using Python and what we have learned from the course 15112. 

​

Process:

- Design the interface

- Code

When:

Freshman summer - 2019

​

Group or Individual: 

Individual

​

Project Length: 

2 weeks

​

1.gif

  • drag mouse on the canvas to paint, and use the eraser function to erase

2.gif

  • add frame function makes the previous frame half-transparent and adds the frame count

  • color function enable color picking from the palette

3.gif

  • Drag on top of the already painted blocks with a different color would change the color assigned to the square

4.gif

  • click the play button to play the animation sequence

5.gif

  • colors can be stored and accessed from the color palette on the left side

6.gif

  • the copy frame function generates a new frame that copies the content from last frame and is editable which speeds up the content creation

7.gif

  • run the animation to get a nice walk cycle

Video Demonstration

This is the video demonstration of this pixel art painter. It basically covers everything above, but just a nice demo if you want to hear me talking and listen to Megalovania.