Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
LeoZ

How to improve shake effects (Turbulence kind of effect)?

Recommended Posts

I have created 3 types of shake effect but they are not  looking what I am trying to make them. I am trying to create basic, horizontal, and constant shake effect like shown in below website: (Mostly preferring to create a plane shake effect when its in cloud or in storm).

https://elrumordelaluz.github.io/csshake/ 

Can anyone help me to improve my animation effects?

Thanks in advance!

See the Pen wYedpg by LeoZoe (@LeoZoe) on CodePen

Link to comment
Share on other sites

Yep, here's an effect using a uniform wiggle: 

See the Pen 5c20d3f0b2fc8ce3c6775bd34fb48a1b by GreenSock (@GreenSock) on CodePen

 

You can easily tweak things like timing, number of wiggles, etc. 

 

Some other CustomWiggle demos that might be useful:

See the Pen wzkBYZ by GreenSock (@GreenSock) on CodePen

 

See the Pen VbZqQx by GreenSock (@GreenSock) on CodePen

 

 

If you don't want to use CustomWiggle, you could loop through some random values oscillating back and forth, but that's a bit more cumbersome. 

 

Is that what you're looking for? 

 

  • Like 2
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×