Jump to content
GreenSock

Matt Severin

BusinessGreen
  • Posts

    55
  • Joined

  • Last visited

Posts 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. 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!

    • Like 1
  3. 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.

  4. 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.

     

    NUM_6_3.gif

  5. 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>.

  6. 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.

  7. 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!

  8. 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.

    • Like 2
  9. 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"});

  10. 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.

    • Like 3
×