Pant

The React + Electron port ofjspaintby1j01

Bootstrapped withelectron-react-boilerplate

Win 98 Emulator

yarn

yarn dev

Features

Windows

• draggable
• outline when dragging

Tools

• Free form select
• Rectangular select
• Eraser
• Bucket thingy
• Color sampler
• Magnifying glass
• Pencil
• Brush
• Spray can
• Text
• Straight line
• Squiggly line
• Rectangle
• Polygon
• Ellipse
• Rounded Rectangle
• draggable
• dockable

Canvas

• Drawing
• Saving (to redux store?)
• resizing
• handles
• resizing past window boundary (documentmousemoveevent)

Color Palette

• left clickto change primary
• right clickto change secondary
• Ctrlleft clickto change tertiary
• double clickto pull up<input type= "color" />(debounced forchange)
• draggable
• dockable

Menu

• File
• Edit
• View
• Image
• Colors
• Help
• Implement nested menus
• Implement functions

Status bar

• Tool tooltip
• start coordinates
• end coordinates

Misc

• everything herehttp:// albinoblacksheep /tutorial/mspaint
• Brush Scaling (Ctrl+&-to adjust brush size)
• "Custom Brushes" (holdShiftand drag the selection to smear it)
• The 'Stamp' "Tool" (holdShiftand click the selection to stamp it)
• Image Scaling (Ctrl+Shift+&-on the Numpad to scale the selection by factors of 2)
• Color Replacement (right mouse button with Eraser to selectively replace the foreground color with the background color)
• The Grid (Ctrl+G& Zoom to 6x+)
• AddRedux Undofor canvas undos
• AddElectron Reduxto communicate with the main process