Jump to content
Search Community

CustomWiggle is not defined

jwave test
Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

I have attached Custom Wiggle to my site, and am trying to run the basic example..

 

//Create a wiggle with 6 oscillations (default type:"easeOut")
CustomWiggle.create("myWiggle", {wiggles:6});
//now use it in an ease. "rotation" will wiggle to 30 and back just as much in the opposite direction, ending where it began.
TweenMax.to($(this).find('img'), 2, {
    rotation:30, ease:"myWiggle"
});

 

However I get the error

 

ReferenceError: CustomWiggle is not defined

 

I have other GSAP on the same local host site, and that is working ok. The link to the wiggle js is correct and checked.

 

I have never tried using wiggle before. Am I overlooking something obvious?

  • Like 1
Link to comment
Share on other sites

Hi @jwave:)

 

You also need to load CustomEase. This is the CodePen link for that script, but there is no CDN link since it's a member perk.

 

https://s3-us-west-2.amazonaws.com/s.cdpn.io/16327/CustomEase.min.js

 

Hopefully that helps.

 

Happy tweening.

:)

  • Like 4
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.
×
×
  • Create New...