wave Posted March 4, 2020 Share Posted March 4, 2020 Hi, I am in the middle of an Adobe Animate for canvas project, and have just started introducing GSAP tweens to it. I want to change the opacity of an object with gsap, but it's not happening. Just to test, I also tweened its x position and that worked fine. So I have: TweenMax.to(screen1.hotSpot1, 1, { opacity:0.2, x:0 }); ... the change to x works fine, but the opacity stays at 1. In Chrome console it reports a problem "Invalid property opacity set to 0.2 Missing plugin? gsap.registerPlugin()" I added gsap using the cdn link from gsap website - https://cdnjs.cloudflare.com/ajax/libs/gsap/3.2.4/gsap.min.js I also tried adding a few of the plugins but that made no difference. Link to comment Share on other sites More sharing options...
wave Posted March 4, 2020 Author Share Posted March 4, 2020 oops, just realised I should have used "alpha" not "opacity". 3 Link to comment Share on other sites More sharing options...
ZachSaucier Posted March 4, 2020 Share Posted March 4, 2020 Glad you found the issue As a side note, we highly recommend that you use the new API formatting available in GSAP 3. It's simpler! gsap.to(screen1.hotSpot1, { duration: 1, alpha:0.2, x:0 }); 1 Link to comment Share on other sites More sharing options...
Recommended Posts
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 accountSign in
Already have an account? Sign in here.
Sign In Now