kully / pixel-paint Goto Github PK

It would be very useful to allow the possibility to use your own color palettes. And if this is possible, we would need to come up with a pragmatic and easy way to allow a user to import their colors (eg. maybe copy and paste HEX colors into a text field).

@Kully is already working on a solution for this. Here's a screenshot of the current WIP (branch and Pull Request will eventually come)

Photoshop and other similar apps have a feature where you can save in memory 2 colors and swap between them with a click or a keyboard shortcut (eg. X in PhotoShop).

This would be a massive quality of life thing for the tool.

There are a number of different formats that one could need from your drawings.

Examples:

• Hex Colors
• AESPRITE format

The goal here is to create a cohesive theme for fonts across the app. There is a mix of serifs, sans-serifs, and different font families.

Inspired by @jkl3848's comment in a previous Pull Request

• login and accounts
• frame editor/timeline tool
• layers
• resizable screen
• customizable keybinding for commands
• able to save your palettes (popular)
• comes with popular palettes (eg. NES, SNES, etc)

Would be amazing to create a free and open-source animation timeline tool in the app. Especially something that is fun and intuitive to use (because why else make it)

WDYT?

I think these new drawing tools will be very convenient. Specifically, you can quickly draw a rectangle or circle when using these tools. And quickly drawing straight lines connected from the first and last points will also be faster when you use a 'pencil' and applying them is also very easy because we already have the Bresenham algorithm function available.

Allow to select different aside from the default 32x32 such as:

• 16x16
• 64x64
• 128x128

This lets the user make larger sprites, and allows for making smaller ones without having to crop.

Main Benefit

• Suitable for various projects: icons, game sprites, graphics.
• Compatible with multiple platforms: web, mobile apps, games.
• Easily create images with any background color.
• Effortlessly integrate with other images.
• High-quality, clean images.
• Saves time on background color adjustments.
• User-friendly interface, easy to identify drawing area.
• Simple export function for PNG images with transparent background.
• Freely choose colors without background interference.

Example for the popular transparent grid background

It would be useful to know where the pixel will be drawn when you are hovering over the canvas, with pencil in hand.

It might look something like this - the previewed color selected (green outline in screenshot) with a lowered opacity on the canvas.

Since #23 was merged, the default background looks different and the GIF in the README.md should reflect this.

Rather than using a hotkey, it is better to allow someone to click on the color itself

Maybe introduce a toggle that flips between NES and SNES colors.

Would it be useful to allow a reference image to be imported? This image would then be displayed as a semi-transparent layer behind the main canvas, allowing them to better get perspectives and ratios when trying to match a more detailed reference.

I saw your project and really enjoy how you created the accurate color palette for the NES to use. I would love to contribute by adding a toggle to switch to another palette - particularly the classic Gameboy with its 4-color green monochrome. Would that be alright?

Very common feature in most drawing application. Pixel art could def benefit from this, especially in so far as making scenes or animations.

WDYT?

Issue

When you draw a line with your mouse very quickly across the screen, you get this choppy line. Would like the line to not have a bunch of gaps in it.

Idea for Solution

This will probably require some kind of interpolation as a user moves a mouse across the screen.

The color contrast of the hex text of the active color is sometimes poorly legible. It's simple enough to remove the text altogether, but having it is a value add for the user (eg. they can see what it is, copy to clipboard, etc.)

Caption: #c7c7c7 barely shows up in the image

Sometimes, it's not always obvious what pixels you are dragging when copying a selection.

This video demonstrates this issue, as get 'blocked' by being able to drag any further right because there are blue pixels in the way.

To help this, it would be useful to show a line around the selection boundaries. (maybe a dotted yellow line?)

• add compatibility to Safari
• fix url(x,y) position in Safari
• add favicon (perhaps pencil.png)
• add GIFs to README
• palette color preview should show hovering canvas color on hover
• make selection tool better -> clarify how to use or use MS Paint controls (Cntl+C, Cntl+V, drag to move the selection)

Sometimes when drawing on the canvas, vertical black lines will appear. They seem to move positions when painting a new pixel.