Share Posted February 12, 2017 Hello, Pretty sure this has been addressed before but I'm so new to this, I'm not recognizing it in the archive: I need to cross dissolve one dashboard image into another when user clicks on hotspots. I've done this here (with JS and CSS In this individual web page): http://bigbendhc.org/theUplink/codeDemos/responsiveCrossfadeMultipleImgsAndZoom.html ...but I now need to do this all within the Animate CC and GSAP framework. (I've heard that Animate + GSAP is a better way to build this app.) I've gone through Corey Hudson's tutorials (https://greensock.com/animatecc-quickstart and https://greensock.com/animatecc-templates) but now I need help to pull it all together: Do I use GASP tween code to do the cross-dissolving? Which code do I use? Where does that code go (into the JS layer in the timeline in the Animate file...or does it go into the HTML wrapper? Do I create the hotspots in the HTML wrapper? Do I build the cross-dissolve and the hotspots interactivity in the AnimateCC program? As you can tell by these questions, I'm floundering. If you just want to refer me to another tutorial that will help me take it a step further that's fine. Thanks for any help! Link to post Share on other sites
Share Posted February 13, 2017 Hi pfash, Welcome to the forums. In all honesty, you don't need GSAP for a simple cross dissolve. You can achieve that with only Animate CC. Of course, GSAP will allow you do create much more complex animations and effects and starting with a simple cross dissolve is a great way From your questions I am assuming you have no experience with Animate CC yourself. I have none as either (sorry), I did work with Flash a lot back in the day but not too keen on going back into it. Anyhow, my suggestion to you would be to go over the Animate CC basics, then, review the tutorials you have linked yourself here. If you're still stuck, head over to the Banner Animation section, there are several individuals there who are quite proficient with Animate CC who should be able to answer your questions. Happy Tweening! 3 Link to post Share on other sites
Author Solution Share Posted February 17, 2017 Thanks, Dipscom. I want to use GSAP because I hear it's most efficient. I was able to accomplish what I need to do by putting GSAP cross-dissolve code into the frame script in Animate CC....and loading the TweenMax in the html wrapper. Thanks for the tip about the Banner Animation section, as well. Link to post Share on other sites
Share Posted February 17, 2017 Great, happy to hear you got it all working. Many happy returns to the forums! Link to post Share on other sites
