Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...

Matt Severin

BusinessGreen
  • Posts

    53
  • Joined

  • Last visited

About Matt Severin

Contact Methods

Profile Information

  • Gender
    Male
  • 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. 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!
  2. 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.
  3. 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.
  4. 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>.
  5. 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.
  6. 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.
  7. 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.
  8. 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?
  9. You can batch upload zips, just navigate to your folder and cmd/ctrl select each zip you want to validate.
  10. That looks like a nice service but it appears to be a paid service at a certain point of use.
  11. 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.
  12. @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.
  13. 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!
×