Your sample image

It seems to me that this is drawing two strokes at once.

1. solid line
2. dither highlight

More Examples

Here are two ovals:

1. left: drawn clockwise
2. right: drawn anti-clockwise

These were drawn starting/ending at the 12 o'clock position, but the result is the same regardless of starting/ending position.

Notes

• they are diagonally mirrored along the line top-left to bottom-right

Here are some horizontal and vertical lines:

1. drawn upwards (bottom to top)
2. draw downwards (top to bottom)
3. drawn rightwards (left to right)
4. drawn leftwards (right to left)

Here are some diagonal lines:

1. drawn upwards to left (bottom to top)
2. draw downwards to right (top to bottom)
3. drawn upwards to right (bottom to top)
4. draw downwards to left (top to bottom)

Notes

• 1 & 2 are "opposite" (let's say of widths 0 and 1)
• 3 & 4 are "identical" (let's say both of width 2)

A reproduction of your ornate shape:

• drawn starting from A and ending at B

My educated guess

Here's how I think it does it:

1. draw the solid stroke
2. set size of the dither stoke according to direction (delta from last draw)
3. draw the dither stroke up-left a few pixels

Size of dither stroke

• up/left decreases the size
• down/right increases the size

But from what default values? And by what factor?

I'd have to experiment with code to figure out the details.

It's hard to reproduce, but when using the lollipop tool a few times, it accidentally wipes the entire canvas. I believe this is a bug.

Video: https://recordit.co/OOhU99msZ3

It looks like the app uses some type of persistence to keep your work if you close the tab or window, but this is conflicting with the firecracker tool if the user exits mid-explosion:

Steps to reproduce:

1. Create a masterpiece
2. Select firecracker tool from eraser menu
3. Apply firecracker to canvas, starting animation sequence
4. Close the browser tab or window before the animation sequence completes
5. Reopen browser tab or window

Possible solution: clearing the persistence state at the start of the firecracker animation sequence?

Great implementation, thanks for the memories! Noticed something with the "Texture ?" circle tool where the rainbow "spread" isn't evenly distributed based on the cursor draw angle. Here are 5 circles in order from left to right, line added for visual axis of drag path:

• Dragged from top to bottom (0 degrees)
• Dragged from left-center top (30 degrees)
• Dragged from top left (45 degrees)
• Dragged from upper-left (60 degrees)
• Dragged from left to right (90 degrees)

Latest Linux Firefox for the record. (and assuming this isn't a bug in the original)

The characters should probably be centered within the buttons you push to select the letters? In Firefox they are quite badly off-center and in Chromium they are better, but still sitting on the bottom edge of the button.

Firefox:

Chromium:

Bumps npm from 8.5.5 to 8.11.0.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Not sure how you're drawing the lines, but I doubt they have anti-aliasing in the original.

For my app I created my own line drawing function which draws a rectangle at each point in the line: https://github.com/lospec/pixel-editor/blob/master/js/_drawLine.js

Snyk has created this PR to upgrade js-beautify from 1.14.5 to 1.14.6.

:information_source: Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project.

• The recommended version is 1 version ahead of your current version.
• The recommended version was released 21 days ago, on 2022-08-21.

Note: You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs.

For more information:

🧐 View latest project report

🛠 Adjust upgrade PR settings

🔕 Ignore this dependency or unsubscribe from future upgrade PRs

Snyk has created this PR to upgrade js-beautify from 1.14.4 to 1.14.5.

:information_source: Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project.

• The recommended version is 1 version ahead of your current version.
• The recommended version was released 21 days ago, on 2022-08-07.

Note: You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs.

For more information:

🧐 View latest project report

🛠 Adjust upgrade PR settings

🔕 Ignore this dependency or unsubscribe from future upgrade PRs

Snyk has created this PR to upgrade js-beautify from 1.14.2 to 1.14.4.

:information_source: Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project.

• The recommended version is 2 versions ahead of your current version.
• The recommended version was released 21 days ago, on 2022-06-20.

Note: You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs.

For more information:

🧐 View latest project report

🛠 Adjust upgrade PR settings

🔕 Ignore this dependency or unsubscribe from future upgrade PRs

Snyk has created this PR to upgrade js-beautify from 1.14.1 to 1.14.2.

:information_source: Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project.

• The recommended version is 1 version ahead of your current version.
• The recommended version was released 22 days ago, on 2022-03-29.

Note: You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs.

For more information:

🧐 View latest project report

🛠 Adjust upgrade PR settings

🔕 Ignore this dependency or unsubscribe from future upgrade PRs

The tablet I'm trying to use is a XP-PEN pen tablet. All web app versions don't detect when I try to draw, but it does detect clicks on tools. Instead of drawing, the canvas starts scrolling in the direction I'm trying to draw. The problem doesn't seem to be the tablet, since other apps are detecting strokes.

EDIT: the problem seems to be with firefox? Strange since aggie works on firefox... but when I use edge the program works fine, although the strokes are in a different place from my pen.

Snyk has created this PR to upgrade js-beautify from 1.14.6 to 1.14.7.

:information_source: Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project.

• The recommended version is 1 version ahead of your current version.
• The recommended version was released 22 days ago, on 2022-10-21.

Note: You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs.

For more information:

🧐 View latest project report

🛠 Adjust upgrade PR settings

🔕 Ignore this dependency or unsubscribe from future upgrade PRs

Hi! The background looks white in my browser (Firefox on MacOS) but when I save the image to my computer, it looks gray instead. If I specifically color an area white, then that area also looks white in the saved image. See images below to see the issue more clearly. Thanks!

Ref impl: Always puts a drip at first mouse down, random time based intervals follow. Drip size same. Drip length randomly varies from 0 to 16px. Line width 5px. Modifier key makes drip longer.

Meta+Letter used to contain a font-selector and typewriter-like tool. Allowed for font re-selection. Did not allow for re-editing once "done."

Ref impl: