Animations

[mmmmaaaaarrrrrrkkkkkkkk]

Proposed Changes

Describe what this Pull Request does

Adds a few animations to various things around the editor

Explain why these changes should be made

Because animations look really cool and make the editor feel more responsive (also because JWK told me to make a PR with my animations from a separate mod)

Notes

This change adds the following animations:

• popout anims for all modals
• hover and press anims for some buttons (only those that use the component)
• hover and press anims for all library items
• popout anims for topbar menus
• deletion anims for all items that support deletion

It would be ideal to add support for CSS's prefers-reduced-motion media query or an option on the page to disable animations independent of OS settings but I have omitted it for simplicity.

[mmmmaaaaarrrrrrkkkkkkkk]

Here's a demo:

8mb.video-96E-6NAGvMH5.mp4

[JeremyGamer13]

not sure about the library opening animations, seems like those would get a bit annoying just trying to quickly open the library

in general i think people might get annoyed about some transition animations being present compared to having instant reactivity with no animations

[mmmmaaaaarrrrrrkkkkkkkk]

Would it be better if I defaulted to having libraries do a very short fade, but then have a preferences modal for disabling animations (which for accessibility/accommodation needs to be there anyway) and also have an option for heavier animations? (where you could also later put other future personal preferences the editor would take into account)

[scoix]

they pretty cool 9/10

[JeremyGamer13]

Would it be better if I defaulted to having libraries do a very short fade

i think heavy animation like entire menus fading in should be off by default, but the other stuff is probably fine for default

but then have a preferences modal for disabling animations (which for accessibility/accommodation needs to be there anyway) and also have an option for heavier animations? (where you could also later put other future personal preferences the editor would take into account)

currently the addons menu is being used as a preference menu,
should be pretty easy to connect settings to addons since there's an addonUtil reducer in PM GUI and PM Paint
this commit is probably pretty good reference on how to make an addon that messes with addonUtil, just use the scratchGui state instead and dont wait for paper to load

[jwklong]

yum i like this

[mmmmaaaaarrrrrrkkkkkkkk]

8mb.video-VL9-f0rdXjAV.mp4

I'm still working on the fully "no animations" part, but is this good?

[mmmmaaaaarrrrrrkkkkkkkk]

changes have been made. fullscreen modals like libraries now don't have any animation by default. there's now a new addon (which as you requested in the discord now uses Redux). the animations also now support the prefers-reduced-motion: reduce media query, which takes power over the addon settings. and, it's more-or-less modular enough to be able to easily implement into any component you might want to animate in the future.

8mb.video-X4F-6dfevn8Y.mp4

[hablethedev]

very epic, i want animations, just please add a "no animations" toggle somewhere clear that removes animations

[mmmmaaaaarrrrrrkkkkkkkk]

very epic, i want animations, just please add a "no animations" toggle somewhere clear that removes animations

yes, it's in the addon settings. watch the very last video I sent to see how it all works

[Steve0Greatness]

Wouldn't this be functionally identical to just disabling the addon?

[Steve0Greatness]

If it isn't, then it should be.

[mmmmaaaaarrrrrrkkkkkkkk]

addon will now revert to animPref: "none" if it's turned off

[Steve0Greatness]

addon will now revert to animPref: "none" if it's turned off

Looks good to me.

these already done ok good bye