Search the Community
Showing results for tags 'tint'.
Found 10 results
-
Hi, I am trying to change the color of an object on the stage, but "tint" does´t work at all. I have already loaded ColorFilter.js in the Script Global. This is my code: this.clip.addEventListener("click", colorear.bind(this)); function colorear(evt){ TweenMax.to(this.clip, 0, {easel:{tint:"#000000"}}); } Does anybody know how can I make it works? Thank you!
-
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!
-
Hi everyone, as intro I'll tell you that my job is to make banner, I produce hundreds every month and it's easier in flash as I've no coder formation. Many years ago I discovered GS and it changed my life! I learned the basics of tweenlite and adapted my workflow. But now with firefox blocking flash, followed by chrome (1 september 2015) it isn't a choice anymore, everything must go HTML5... It takes me a lot of time to do it in html5, it's always too heavy (50k in flash, 300 in html5) and everything isn't possible with my knowledge of js (light effects, particles, alpha masks...) But here I am with a big client which has a campaign running this summer and in september, with the news of firefox and chrome they want me to adapt everything, and there's a tint effect. I already adapted the animation, compressed the png with tinyPNG but the background must change color every 1500ms, I've setup an array of colors, i've setup the setInterval, I've read and tried some demos I found here in the forums but my js knowledge is really not enough to know what to do next, tried cache, tried loading filters... nothing works. Is there a cdn for ColorFilter and ColorMatrixFilter? So can someone check my files? The tint code is from line 94 to 114 so not very much Sorry for my english and I must still learn how to use codepen, but I have a campaign to adapt in 3 days so I couln't wait longer to ask for help. Thanks AT_300x250_html5_v2.zip
-
Is there a way to reduce the strain on the processor when tinting or colorizing large images with EaselJS? I set the tint on the same image 5 times, but this can cause noticeable delay, particularly on large images. I tried staggering this operation using setTimeout, but it is still noticeable in some browsers (IE and even Chrome). For some reason Firefox handles it without any lockup. The lockup is brief (less than a second), but it is noticeable with large images (1000x600 for example). Just curious if there's any way to be more efficient about this.
-
Hello Forum- This is my first post. I am trying to tint a MovieClip using greensock, but it appears that the tint is ALL or NOTHING. (which is weird, because there appears to be alpha as the tint is animating. Is there an alpha control for the tint only? I am trying to tween buttons from 50% tint when inactive to no tint when the button is rolled over. Please, let me know if there is a way to do this. Thanks! Joel
-
Hello, I was wondering if TweenMax could (with a plugin) tint kineticjs objects or images. And by tint I mostly mean colorize them. I located another thread that showcases this but for easelJS objects. Thanks in advance.
-
I have a movieClip that is set to purple using the Flash IDE. It changes color on rollOver, but I want to set it back to it's original color when you roll off I thought I could do this by copying the original tint into a ColorMatrixFilter, but the method below had no affect: from https://www.greensock.com/as/docs/tween/com/greensock/plugins/ColorMatrixFilterPlugin.html /*HINT: If you'd like to match the ColorMatrixFilter values you created in the Flash IDE on a particular object, you can get its matrix like this:*/ import flash.display.DisplayObject; import flash.filters.ColorMatrixFilter; function getColorMatrix(mc:DisplayObject):Array { var f:Array = mc.filters, i:uint; for (i = 0; i < f.length; i++) { if (f[i] is ColorMatrixFilter) { return f[i].matrix; } } return null; } var myOriginalMatrix:Array = getColorMatrix(my_mc); //store it so you can tween back to it anytime like TweenMax.to(my_mc, 1, {colorMatrixFilter:{matrix:myOriginalMatrix}});
-
Hi, What is the difference between TintPlugin and HexColorsPlugin? HexColors says it tweens colors so they "look correct", does tint plugin use a dumber version of the same? Thanks
-
Hi, simple problem. I want to tint a movieclip a solid color AND apply a glow around it of a different color. But the problem right now is that my tint is overtaking the color applied to my glow. So everything ends up colored by the tint. Here is the tween I am creating: TweenMax.to($d, .5, {glowFilter: { color:0x00ffff, alpha:1, blurX:7, blurY:7, strength:7 }, colorTransform:{tint:0xffffff, tintAmount:1}}); The tween should tint the object (represented here as $d ) white and do a turquoise glow around it. Any idea why its not doing it and how I can fix it? Thanks in advance! Danny -
Jack, Carl: Greetings. I'm using one of my coworkers machines and CS4 (thus Actionscript 3). I have three clips that run fine, but as they approach the top, their tins all seem to change toward gray. This does not happen in the preview, but once the SWF is published, that is how it appears in some flash players. They were exported to require flash player 10, but all players I've checked the SWF with are v 10. import com.greensock.*; import com.greensock.easing.*; // set bubble instance positions /* mc_trans_01 mc_trans_02 mc_trans_04 X 350 X 170 X 695 Y 875 Y 875 Y 875 W 244 W 160 W 160 H 188 H 262 H 154 */ var myTimeline:TimelineMax = new TimelineMax({repeat:-1, yoyo:false, repeatDelay:2}); myTimeline.insertMultiple([ TweenLite.to(mc_trans_02, 5, {y:-262, ease:Linear.easeNone}), TweenLite.to(mc_trans_04, 7, {y:-154, ease:Linear.easeNone}), TweenLite.to(mc_trans_01, 11, {y:-244, ease:Linear.easeNone}) ], 0, TweenAlign.START, 5);
