easeInSine breaks path animation
See original GitHub issueHey,
While working on some sample animations using anime
I discovered a weird bug. When I use easeInSine
as easing, it breaks path animation. If I change it to anything else, everything works correctly.
Here is the codepen that shows this bug http://codepen.io/hinok/full/ObdaRp/
I’m using anime 1.1.2
.
Edit
I’ve found another equation for easeInSine
like below
easeInSine: (t) => {
return 1 + Math.sin(Math.PI / 2 * t - Math.PI / 2);
},
If I override anime.easings
, animation looks correctly.
const tryToFixEasing = {
/* @source https://gist.github.com/gre/1650294#gistcomment-1924831 */
easeInSine: (t) => {
return 1 + Math.sin(Math.PI / 2 * t - Math.PI / 2);
},
};
anime.easings.easeInSine = tryToFixEasing.easeInSine;
So it seems that there is a problem with easing equation.
Issue Analytics
- State:
- Created 7 years ago
- Comments:5 (3 by maintainers)
Top Results From Across the Web
Easing Functions Cheat Sheet
Make animations more realistic by picking the right easing function.
Read more >Precise Motion with Motion Paths Advanced PowerPoint Tutorial
Take it further and combine motion paths with grow shrink animations to change your object as it moves. For example, taking a full...
Read more >Advanced Vector Path Animation with Shape Shifter - YouTube
check my blog http://myhexaville.comIntroduction to Shape Shifterhttp://myhexaville.com/2017/04/14/android-vector- path - animations -easy/
Read more >Velocity.js
Velocity is an animation engine with the same API as jQuery's $.animate(). It works with and without jQuery. It's incredibly fast, and it...
Read more >Documentation - Anime.js
Targets · Properties · Property parameters · Animation parameters · Values · Keyframes · Staggering · Timeline ...
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
ASAP 😃 Maybe this week
@juliangarnier btw could you unveil when do you plan to release
v2
😃?