tweenmax opacity not working, but x and y are fine?

[wave]

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.

 

 

 

[wave]

oops, just realised I should have used "alpha" not "opacity".

[ZachSaucier]

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
});