johnleider
commented
6 years ago @nekosaur has been toying around with this for the better part of a year. I'm not sure where he currently stands on the functionality.
Open areknawo opened 6 years ago
johnleider
commented
6 years ago @nekosaur has been toying around with this for the better part of a year. I'm not sure where he currently stands on the functionality.
nekosaur
commented
6 years ago I haven't been able to touch this recently, but in my latest prototypes I've been using AnimeJS as well. I do plan on coming back to this in the new year.
I'd be more than happy to take a look at your implementation if it's available anywhere.
areknawo
commented
6 years ago On on beginning thanks for taking a look. Here is the prototype: Vuetify FAB morphing - Happy New Year. I want just to say that it don't have to be done in AnimeJS, I choosed this library because it's actively maintained and is MIT-licensed plus JS animations can be much faster and easier to manage. This is just a prototype, but it works quite well (read comments). By the way I tried to implement Feature Discovery component in AnimeJS too. Both of these components are vital to my project. I was thinking about using SVG for this kind of animations. With SVG morphing possibilities are almost endless but as I tried to create something built upon Vuetify SVG is not an option. Anyway I will make a prototype of this solution later.
johnleider
commented
3 years ago Thank you for the Feature Request and interest in improving Vuetify. After careful consideration the team has decided that this is not functionality that we are looking to implement at this time.
If you have any additional questions, please reach out to us in our Discord community.
New Functionality
I'd like to add a bit more motion to my current game UI (made in VuetifyJS of course). I mean FAB button morphing to a toolbar on click showing menu like it does with speed dial but in form of toolbar or even menu card. I've seen something like this in MaterializeCSS but because I'm using Vue this framework is better choice plus it have some other features that I like very much.
Improvements
I've tried to implement that using a tweening library called AnimeJS. It does look very well and it's my WIP but I'd be realy happy to see something like this implemented in the library, because motion is important in MD and small details are very important.
Bugs or Edge Cases it Helps Avoid
It surely will help building nice interfaces for mobile devices where speed dial is too small and not fit well. Toolbar allows to use available space wisely and looks great.