Shivering animation

[bcavenagh]

I am trying to make the text in my animation to make a sort of shivering animation. I basically want it to shake and wiggle rapidly at the dame time but I'm having a hard time making it work. I'm close but it looks weird right now

See the Pen WKYbMN by bcavenagh (@bcavenagh) on CodePen

[PointC]

Check out CustomWiggle. It's great for that sort of thing.

 

https://greensock.com/wiggle-bounce

 

Happy tweening.

 

[bcavenagh]

Is there a way to do it for free? Don't have the funds to be paying for a subscription @PointC

[PointC]

If I had to do it without CustomWiggle, I'd do it with a rapid repeat rather than a Rough ease. Maybe something like this.

 

See the Pen QBJpML by PointC (@PointC) on CodePen

 

[Visual-Q]

Based on Craig's pen if you wanted to make the shiver a bit more organic you can add some randomness to it like this using invalidate and Carl's idea of passing the value back as a function return.

 

I'd be interested to know if anyone has a suggestion how to do this using modifiers, I ran up against the issue of how would you have the modifiers change the value only on repeat. 

 

See the Pen ejQWaL by Visual-Q (@Visual-Q) on CodePen

 

[OSUblake]

On 8/8/2018 at 6:56 PM, Visual-Q said:

I'd be interested to know if anyone has a suggestion how to do this using modifiers, I ran up against the issue of how would you have the modifiers change the value only on repeat. 

 

That probably isn't the best use case for the ModifiersPlugin. It's ideal for stuff that might change on every animation frame. 

 

For a shiver effect, using scale and rotation might work better. 

 

See the Pen KBbZME by osublake (@osublake) on CodePen