Jump to content

Matt Severin

  • Posts

  • Joined

  • Last visited

Everything posted by Matt Severin

  1. Yes I meant the bonus plugins. That being said, I don't desire using older versions. But it seems that it would be better, when developing banners for Google, to use bonus plugins that match the Google cdn version of GSAP (v3.9.1), no? In this particular case I did manage to get the latest bonus plugins (MorphsSVG & DrawSVG v3.11) to play well with Google hosted GSAP (v3.9.1). So for now I'm good, but I'd want to avoid potential mismatch efforts in the future.
  2. The latest the Google CDN offers for display ads is v3.9.1, ideally I'd like to use GSAP plugins that match that particular version.
  3. It’s too late in the day for me to experiment but this does look like what I’m looking for. I presume I’d also add a duration: property to this too? I’ll test in the a.m., thank you!
  4. These are close but not quite it, both examples still use hard jumps where my example uses something close to a Power4.inOut to get from one grid position to the next. You can see it transitioning between the grid lines in my initial attached gif. It has a different feel versus using steppedEase, or the above unitize example. I do think there is something to using unitize, but messing around with the codepen I'm not seeing a way to make it transition versus 'skipping' to the next location.
  5. I'm creating a Tetris style falling object that moves 30 pixels in Y, at a time, before it falls into place. The movement I want isn't as hard as a SteppedEase, but it does have a start/stop/start feel with strong easing. Is there a way to write this in one line? The example gif I've attached shows an object 180px downwards, in Y, in 6 increments, over 2 seconds. Each increment having a strong ease in/out. This is what I'm trying to emulate in 1 line (or not much more than 1 line) of code. I presume GSAP has a feature like this I just can't seem to find it.
  6. Hey Craig I appreciate you taking the time. And you're in the ballpark, just not at the mound. So I specifically need to update the Y position in an 'onUpdate:' function because there is a series of tweens that I am performing, in order, on the same target. Basically it's a very customized elastic animation that I'm deriving from an After Effects file. CustomEase won't cut it here. So I need to update y... onUpdate. 2nd, I need to do this to multiple <rect>s so, I need the onUpdate function to work on any <rect> in the SVG, so I need that function to be modular to the targeted <rect>.
  7. I want to update the y position so that there's the illusion of the svg <rect>'s height is increasing from the center, not the top. So I'd like to perform an onUpdate that repositions 'y' based on the <rect>'s current height. But I don't know how to target the <rect>'s y attribute. for example: gsap.from('#rect1', {duration:.5, attr:{height:20}, onUpdate:function(){"this updates '#rect1' y position"}}); In this example I want the onUpdate to always target the object I'm tweening, no matter what it's labeled. I'm finidng it difficult to target the y pos in a nested SVG element.
  8. That's what I thought. Any advice on getting an SVG's <rect> y attribute in an onUpdate function while tweening its attr:{height}? I've seen examples how to target a DOM element attribute but not SVG child's.
  9. I don't want to use scale because the shape has rounded corners. I want the corners to stay rounded without 'squishing' that would happen in a scale tween. Also, it has to stay in an SVG, I can't use a DOM rounded rectangle.
  10. Is there a way to tween an SVG child's height and/or width from its center? Where I don't have to adjust its x or y position on update?
  11. You can batch upload zips, just navigate to your folder and cmd/ctrl select each zip you want to validate.
  12. That looks like a nice service but it appears to be a paid service at a certain point of use.
  13. Hi all, Google's HTML5 validator is being depreciated in March 2021. I encourage you to fill out the feedback from on the top right of that page, or directly here to advocate against its depreciation. Thanks! Most of us know this is a great tool for banner validation and if you don't know about it, you should.
  14. @Jack I kindly disagree, a lot of us here are old Flash heads who have either done screensavers or fielded other non typical animation/code requests, I have hope.
  15. I posted this in the banner forum when I meant to post here: Does anyone here know of any reliable way of converting web animation to an .scr? This is a general code question, but I think the GSAP forum will have the right cross section of people who could answer this. I have local web files with complex vector animation using GSAP. My client wants to leverage this work for screensavers, I could make a video but I'd prefer to keep it scalable vectors. I know how to make .swf files into screensavers but I'm not looking to rebuild this (I know I can use GSAP in Animate but this is not the path I'm going). I've done some internet research but, half are dead links, and half are tutorials about loading live web pages into a screensaver. Thanks!
  16. Rough ease in my mind still makes sense even if it’s consistently incremental or decremental.
  17. Hey Jack so I was working on an animation where there is condensation on a can and drips would slowly be moving downwards because if gravity. Typically that kind of motion is erratic but always in one direction, (in this case, down), never back tracking. I was looking for a shortcut to this.
  18. Thanks for the input @ZachSaucier, I'm probably just going to go the custom ease route.
  19. Is there any way to apply RoughEase where the values only continue on a positive trajectory? When I use the ease visualizer any graph I build will have drops into the negative (Dropbox screenshot), before rising again.
  20. I figured it out, I had to update Animate CC 1 whole .1 version, fixed everything.
  21. Yeah if this were just pure code I'd have no issues. I'm posting regarding GSAP in Animate CC, is there any 'watch out' that I'm missing here?
  22. I'm wanting to tween the x position of a movieclip on the root timeline and while that root clip is tweening I'm wanting to tween the x position of a movieclip nested inside that main movieclip. However I can't get the nested clip to tween at the same time. If I comment out the root mc tween, the nested tween works. There are no timeline tweens and all the clips live on 1 frame. Is there anything obvious that I'm missing here that would break the nested tween? Here's a snippet of code that lives in the root, it's not wrapped in a function: t.to(this.scene_front, 4.5, {x:"-=220"}); t.to(this.scene_front.fox_walking, 3.5, {x:"+=200"});
  23. I had a pretty steep downturn in mid-2017 to mid-2018 where I was doing 1 banner campaign per quarter and switched gears to focus on After Effects and social content. After that year my banner work has come back to make up 40-50% of my work, that's held pretty steady. I notice a trend where tech/product companies have embraced banners and are really doing nice, aesthetic pieces. I do find institutional knowledge is being lost in other departments - creative, producers, account. I have to do a lot more hand holding to sell through or produce a banner. I am a semi producer these days int hat regard. Surprisingly too I don't get asked to do much programmatic or responsive, I mean responsive takes as much time to execute as making 4 separate sizes anyway.