summary
This is webpage to draw pixel arts frame by frame.
It is unfinished. Only pencil, fill, move, and zoom tools are implemented. Layer and color are implemented.
I was planning to use this to draw arts in my game. I did not finish this because I found some other good tools to draw pixel animation.
operation
It is better to use F11 to enter full screen mode.
The there are several implemented area. They are toolbox, animation, frames, layers, color, and the central drawing area.
Panels and structure
Toolbox
The left panel is toolbox.
Toolbox
Olny pencil, fill, mvoe and zoom are implemented.
Pencil and fill works like mspaint.
With move tool, drag your mouse to move your canvas.
With zoom tool, left click to zoom in and right click to zoom out.
Animation, Frames, Layers
The 3 top tight panels are animation, frame and layer panel.
Each animation can have multiple frame, and each frame can have multiple layer.
Click on the + button to create a new animation or frame.
Create animation and frame
Click on the rectangle to select an animation or frame. The operation frames requires a selected animation.
Drag the rectangle to change the order of animation and frame.
Layer works similarly. Because the purpose of this project is to draw characters in my game, the layers are fixed. You cannot change the name and number of layers. However, you can chenge the order of layers by draging them.
Olny pencil, fill, mvoe and zoom are implemented.
Pencil and fill works like mspaint.
With move tool, drag your mouse to move your canvas.
With zoom tool, left click to zoom in and right click to zoom out.
Colors
The bottom right panel is color panel. It decide the color of pencil and fill tools.
Color panel
Drag the small ball below the bar to change RGBA of your color.