Jump to content

Matt Severin

  • Posts

  • Joined

  • Last visited

About Matt Severin

Contact Methods

Profile Information

  • Gender
  • Location
    Los Angeles, CA

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

Matt Severin's Achievements

  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.