Scratch-like cursor

#1

I made a modified version of Wick’s cursor! It has some actions I thought would be useful, like resizing from the edge, or skewing. Or skewing with resizing, because it was used in Alan Becker’s stick figure tutorial. Also, this contains some more easing styles, like cubic, quartic, exponential, and bounce.

You can check out the modifications at https://stickmanred.github.io/wick-editor/. Let me know what you think!

Corner resizing changes

Shift to keep original ratio.
I found it a bit confusing how you have to hold Shift before you drag the corner to retain the original dimensions. Do you like this behavior or the normal one better?

Alt to scale from the opposite corner.

corner-demo
corner-demo720×480 253 KB

Edge resizing changes

Shift no longer does anything.
Locking the scale when pressing Shift seemed pretty useless to me.

Ctrl/Cmd to skew.
In the middle of coding this, I found out that in Adobe Animate you drag the sides of the box instead. Maybe I’ll change this when I know how to set up the website?

Ctrl/Cmd + Shift to skew + scale.

Alt to scale or skew from the opposite edge.

These combine, so if you held down all the modifier keys, you’d scale and skew from the opposite edge.

edge-demo
edge-demo720×480 328 KB

Rotation changes

Shift to rotate in 45-degree increments.

Translation changes

Shift to move objects in a straight line. It snaps to the closest 45-degree angle.

Future changes?

I want to work on shape tweens for now, but the next thing I’ll do for the cursor is bring back the original scaling behavior. After that would be making straight lines, and maybe adding in some of the new easing styles.

(oh cool, I can edit this post again)

4 Likes
#2

cool its nice to know im not the only one who uses scratch

#3

I’m not able to edit my post anymore… Anyways, I finally got the fork set up! You can test the cursor tool easier now at https://stickmanred.github.io/wick-editor/. I’m planning to add in the extra easing styles and more tool upgrades soon.
oh yeah also I added the moving in a line thing and rotate perfectly 90 degrees, I hope it helps!

2 Likes
#5

Maybe you can add something to show how much you can skew an object.

I still think there should be a way to keep the original ratio using another key.

1 Like
#6

Thank you for the feedback!

Good point, I’ll add back the original scaling behavior, that’s what most Wick Editor users would be used to. Maybe I’ll assign the new one to Ctrl, just for me :P

For the skew inspector, I think it requires adding a skew option here and here and here (hopefully I got all of them) and for clip skewing here. After this, I want to work on the GUI, because it doesn’t show that it’s skewing… what do you think about an Adobe Animate-style tool?

Edit: So… the skew inspector will require a lot more work than I expected. I think I’ll restart and regroup, later

1 Like
#7

Its okay you can take your time.

For this question, I think you should make it work both ways.

#8

ok I officially give up trying to make the skew inspector work
Now I understand why the Wick Editor devs didn’t add it. :(

To-do list: Shift for normal behavior, Control for original ratio
Modify line tool to draw flat lines or 45/90 degrees
Add in new easing styles

1 Like
#9

Its okay you didn’t have to add it, you’re already have done enough.

And I can’t wait for the new updates:D

1 Like
#10

over winter break i spent a solid couple days just trying to add something in the inspector for our fork and had no luck, so yeah this checks out :\

i’ll let you know if i find a way…

1 Like
#11

mmmmmm~ aliiiigggn~

Lets Make a Cool Object Show! About 10 Ep