Search the Community
Showing results for tags 'EaselPlugin'.
Found 2 results
-
Hey everyone! Long-time user and fan of TweenMax, et al for Flash. I'm building my first real project in Canvas and am using the CreateJS plugin for Flash as my asset layout manager. I'm trying to change the color of a hotspot on onmouseover: To cover all bases: I've included the EaselPlugin.min.js file. Here are all the GSAP files included: <script type="text/javascript" src="libs/plugins/CSSPlugin.min.js"></script> <script type="text/javascript" src="libs/plugins/EaselPlugin.min.js"></script> <script type="text/javascript" src="libs/easing/EasePack.min.js"></script> <script type="text/javascript" src="libs/TweenMax.min.js"></script> The object I'm trying to tween doesn't seem to respond to this code: TweenMax.to(e.target, .3, {easel:{tint:0x00FF00}}); I know e.target is correct because I can apply GSAP transforms on it like so: TweenMax.to(e.target, .3, {scaleX:2, scaleY:2}); and it works fine. Also, I'm getting this error when I try: easel:{tint:0x00FF00} uncaught exception: EaselPlugin error: The EaselJS ColorFilter Javascript file wasn't loaded. Maybe I'm missing something small? Also, just to be sure, I can't use CSS properties on elements that are not part of the DOM right? Like this object I'm trying to tint. Any help is greatly appreciated!
-
TweenLite.to(e.target, 2, {"-webkit-filter": "grayscale(1)"}) Should I be using EaselPlugin? Using vendor prefixes I can animate to the CSS filters - https://developer.mozilla.org/en/docs/Web/CSS/filter, but the switch is instant - the duration is ignored.
