Comments (3)
Hey,
So I think I found a bug with the loop count when you try to replay ou restart the animation, I'll look into that.
But for the effect you're trying to achieve, if I understand correctly, you can simply wrap both effect into one function, and call this function when the last one ends.
See : http://codepen.io/juliangarnier/pen/BzmyWQ?editors=0010
from anime.
Ah! Thank you!
i didn't think to put the translateX between [2 values] like that.
is it possible to have the easing effect apply to all the rumbles.. so that the rumbles increase over time?
from anime.
No sorry, the easing only works between 2 values.
But you can try wrapping the shaking animation into a function without the loop:10
, and re-run the function 10 times while increasing the value.
Hope that helps!
from anime.
Related Issues (20)
- Just a question about line drawing in the docs HOT 2
- Why a cant use play/pause buttons? HOT 1
- Why cant I connect anime? HOT 1
- Does anime have a feature that can be used to implement horizontal scrolling? HOT 1
- anime.seek(0) not working HOT 3
- Anime V4 HOT 2
- Duration property problem when I use an event
- animejs morph is broken for more then 1 object HOT 1
- Refusal for Execution HOT 4
- Timeline does not draw all paths (stoke dash effect) HOT 1
- There are non-trivial differences between anime.js and anime.min.js. HOT 1
- Possible problem with SVG and transform-box HOT 3
- Ability to run it server-side
- Error: Path attribute d: Unexpected end of attribute. Expected Number HOT 1
- Documentation request: How do you freeze an animation/timeline on the last frame?
- The begin function is not called when duration is 0.
- The timeline autoplay property overwrites the autoplay property of added animations HOT 3
- Moving image becomes 404 in Chrome HOT 3
- Jumps when animating from percentage to pixels
- Fix to the anime.js Footer HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from anime.