ladlon

Hi, Zack. Thanks for the replies to my very first two posts here! Yep, I was just asking in general. I'll probably post the code soon, once I have tinkered with it a bit more. I'm brand new to GSAP (although I'm successfully animating with it so far... aside from the easelPlugin stuff!). I haven't used (or even looked into Pixi)... and the only reason I'm even trying Easel is because I did a general search for 'brightness' regarding GSAP (and CSS in general). A bit confused... as it seems CSS has a filter:brightness feature... and from what I read, it seems that vanilla GSAP can animate that property using the CSSPlugin (as well as with the easelPlugin)... but I tried both, and nothing appears to happen (...although the code seems 'valid' and doesn't cause the other animation to cease). My current try has the script being loaded within a script tag, using the github URL that I found on this forum or some other GSAP page, where some other user couldn't get easelPlugin to work, and was told that the URL is not the same as that of the base GSAP script. In the animation section of the code, I have my target object (which is sucessfully animating using a single GSAP.To tag), and I just added (after the identifier) ' easel: {brightness: 0}, ' .... as well as other variations/values. But, I see no affect on the target image. (Yet the rest of the animation properties are working). I don't have my 'work' computer fired up just yet (...just got up...), but will post the specific coding here soon. But, I just wanted to verify (in general) what is required... I load the easelPlugin via the github URL with one set of script tags (like I do with the base GSAP script), and in the animation block, I use easel with code like the one I indicated above, correct? What I was also asking, was what is the 'best' method... in terms of compatibility... and whatever other relevant factors... as I'm just wanting to do a simple 'undulate the brightness or contrast' kind of effect... have the target image tween to random values in its brightness or contrast.... much like I'm doing with things like its position, rotation, etc successfully. Is the vanilla CSSPlugin the best, or should I continue to pursue easel (or even try Pixi... if it's available in the free version)?

Hi. I have an image (consider it an image of a room) in a Bootstrap column, and have a number of additional image elements which are being put on top of that image via position:relative tags... and then animated (rotation, position) via GSAP. All that is working great. The question I have is, do I need to give each element a specific Z depth value, or will it automatically stack them based on the order that each image tag appears in the code? If I DO have to define a Z depth for each, could someone here please confirm the proper coding for that?

Hi. I'm only a few days into GSAP, but loving it. Already animating. All is good... One thing I wanted to do, though, was randomly undulate the brightness of an image element. From what I read, I should be able to use the (included in free GSAP) brightness feature of EaselPlugin. But, nothing seems to be happening. The code doesn't appear to be wrong, in that the other animation (from the same line/tween) is going fine (...it usually doesn't go if there's some syntax error). I went through the usual 'oops' moments... forgetting to load the plugin... and later finding out that it's in a different URL. So, I did that song and dance already. So, some questions: 1) What's the easiest way to undulate the brightness or contrast using vanilla/free GSAP? (Not looking for the code specifically... just what feature/attribute... which is in the free/vanilla version) 2) Regarding easelPlugin.... why might it not be working? I tried saturation and brightness, and neither seem to have any affect. I'm using the latest version (or pretty recent, as I only downloaded a few days ago). Win7 Pro, coding stuff in Pinegrow Standard (latest version).