You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
We want to animate the path after the page is load.
Base idea
Set all the values of the array (including the arcRad) and transition them from 0 to the original value. The only issue I can think of for now is that arcRad needs to grow exponentially based on the space left, that's because if we have a radius bigger than the space browser does the best it can think of to still drawing the arc.
The text was updated successfully, but these errors were encountered:
Tested an approach with anime.js and its morph functions and while it gets animated it surely isn't the result we're aiming for. You can check it out in feat/testing-animation branch to have a look.
As per commit comment, I believe the issue relies on the use of H, h and v because their are lines and morphing works best with simple points.
One solution could be to convert all the lines to use the L command but I believe we can reach something similar with just CSS transform.
We want to animate the path after the page is load.
Base idea
Set all the values of the array (including the
arcRad
) and transition them from 0 to the original value. The only issue I can think of for now is thatarcRad
needs to grow exponentially based on the space left, that's because if we have a radius bigger than the space browser does the best it can think of to still drawing the arc.The text was updated successfully, but these errors were encountered: