Jump to content
Search Community

Can't get autoAlpha in adobe animate doc / canvas to work

orip 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

Hi,

After searching for several hours,I'm struggling with implementing / applying autoAlpha to an object inside my adobe animate document, the approach as I'm used to it is to simply adding autoAlpha to the function:

startbtn.addEventListener("click", closescreen0);
function closescreen0() {
		TweenMax.to(stage0, 3, {autoAlpha:0,scaleX:1.1, scaleY:1.1, ease:Expo.easeOut});		
		//alert("function called");
}

Is it something to do with css plugins compatibility with animate / canvas? is there an alternative straightforward way to reach the same outcome (a hidden / disabled object)?

 

thanks a lot!!

 

 

Link to comment
Share on other sites

Yes, your instincts are correct. autoAlpha is a special property that controls the CSS properties of opacity and visibility so autoAlpha doesn't really exist in the canvas / easeljs world.

 

EaselJS objects like MovieClips have opacity and visible properties.

So you can try tweening the opacity and setting the visible values.

 

http://www.createjs.com/docs/easeljs/classes/DisplayObject.html#property_visible

  • Like 1
Link to comment
Share on other sites

When working with GSAP in Animate CC you can only animate properties that EaselJS exposes that have numeric values like x, y, rotation, scaleX, etc.

 

The previous link shows all the properties of DisplayObjects.

 

For tweening color effects like tint and saturation you can use our EaselPlugin: https://greensock.com/docs/#/HTML5/GSAP/Plugins/EaselPlugin/

  • Like 3
Link to comment
Share on other sites

  • 1 month later...

Hi Web Dizajner,

 

If you believe you have found a bug, please provide a very basic demo that we can look at. You can attach a zip of your files using the "more reply options" button.

We don't use Animate much so it would be a big help to see things exactly they way you are doing it.

 

Thanks

  • Like 1
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...