#MOTION14#Trigonometry
This is my second Framer project. I kinda love to use math into JavaScript coding now. But I realized I lack knowledge of combining media technique and math knowledge. Does anyone can provide me some study materials (online courses, website, and books are all welcomed)?
Take aways:
1. Utils.delay doesn't perform well. Because I don't know the original codes of the function, some the function breaks down the whole animation
2. The animation panel is not very user friendly. First is that it doesn't always show up correctly. Sometimes you cannot open it for an animated layer. That's why I prefer typing animation options. However, the easing function's grammar is a little redundant and inconsistent, such as curve: Spring(damping: 1.00) and curve: Bezier.easeInOut. Hope the framer could improve it in the future.
3. I don't know how to use code to transfer coordinate system. For example, take the（0,0）as the center, then rotate all elements in certain degrees would be a more efficient coding idea. Holy... I maybe realize the solution when I am typing my thought: is it possible to rotate the parent element as a whole? Respectively, all children elements would be rotated for the same degree as well. I will try that and post on comment soon. If you know more better ideas to code multiple same shapes in different position, please tell me your genius ideas. Thanks bro.
Feel free to send me your feedback. And I want to discuss with all you guys about how to better use math in animation coding.