Hi, I have an idea I'd like to present. ✨
Right now, Quick Menu panel is very comfortable to use with the addition of swipe gesture. And it enables users to use it more quickly than ever. However, since the Quick Menu panel is rather large (especially when all the buttons are fully used) with no animation, it leads to a flashing screen which might be uncomfortable, or even worse, might trigger seizure to some people. 😔
So now I'd like to offer a solution for that which is Animated Quick Menu ✨
https://youtu.be/C2kXmExlANgThis Quick Menu animates the
scale and
opacity of the panel.
Since it doesn't instantly appear as a full opaque panel, if you swipe it fast enough, it would just appear as a very transparent panel, minimizing the flashing effect on the screen. Which would make it way more comfortable on the eyes! ✨💖
Here's the comparison video of both version with and without the animation.
⚠
FLASH WARNING. Please don't open if you're sensitive to flashing screen. ⚠
https://youtube.com/shorts/2NuafehY99Q?feature=share----
I tried to fine tune the animation to make it as comfortable on the eyes as possible.
Here's a little more detail on how I made the animation ✨
The panel opening animation- I used 0.15s for the duration.
- For the opacity animation, I used Ease In Quint
- For the scale animation, I used Ease Out Quad
The panel closing animation- I used 0.15s for the duration.
- rather than lerping from alpha value of 1 to 0, insted, I'm getting the current alpha value of the panel and lerp it to 0.
- For the opacity animation, I used Ease Out Quint
- For the scale animation, I used Ease In Quad
---
I feel like this is an important feature. I hope this gets implemented. ✨
Thank you so much! 💖💖