[Staggering issue with TimelineMax]

Thanks for the solutions Craig and Carl.

 

Most of the examples I've seen are animating an item from point a to b in a straight line.

If I want to tween point a to b, then c in a curved path, is gsap made to handle that?  

Assuming each (.to) point is a keyframe, are there rules to adding keyframes between where it starts and where it lands?

It seems like all my easing and timing is off when it happens when its in the timeline. 

 

Building onto this, I'm also trying to integrate it with scrollmagic and am running into a bunch of issues when trying to reverse the animation. 

I think these issues are coming about because of the middle keyframes?

See the Pen MbXgVe?editors=0010 by phantomboogie (@phantomboogie) on CodePen

[Staggering issue with TimelineMax]

Thanks Carl, I added comments to separate the two items and made the timing and start points the same. 

See the Pen vyjmOj?editors=0010 by phantomboogie (@phantomboogie) on CodePen

 

It seems the rectangle is moving up, and then the circle is animating in. 

I'm assuming it's animating in sequentially which I'm trying to avoid...do you think it's a visual thing instead? 

[Staggering issue with TimelineMax]

Hi there,

 

I'm experiencing a problem where I'm trying to have 2 items animate at the simultaneously in a timeline.

No matter how much I set the time of the tween, it seems to still be playing in sequence rather than simultaneously. 

 

Anyone know whats up?

 

Thanks! 

See the Pen vyjmOj by phantomboogie (@phantomboogie) on CodePen

[Adobe Animate CC]

Not sure if this is the right place to ask but thought I'd give it a shot given the amount of experience here. 

 

Has anyone tried an entire animation workflow through Adobe animate CC? 

Any pros and cons?

Is the code usable? Are the export sizes small? does the outputed code easily sharable? 

 

Up till now, I've been making prototypes in AfterEffects and coding the SVG files in an editor powered with greensock. It's not the most elegant workflow but I know how the sausage is made and the components I need, that and it works across browsers. 

 

Most Animate CC examples I've seen seem to be either frame by frame animations or simple banner ads that don't have many moving pieces with not a lot of moving parts (aka Flash). I read Animate CC has greensock integration so it's not a matter of whether it works, but is it worth investing time to learn and use as my primary animation tool?

 

Would love to hear if someone has experience in this. 

Thanks

[Refresh showing illustration]

When I first load my page or when I refresh the page, my svg shows up for a split sec before it loads its starting position. 

Not sure if it's showing up on codepen, but I have a ton of shapes and that might be causing the delay?

 

Anybody encounter this know a solve?

 

Thanks

See the Pen YWVKZb by phantomboogie (@phantomboogie) on CodePen

[Business License question]

Hi,

 

I'm coding a few animations for a site in a team.

I'll be the sole developer coding the animations but will need to hand over the code and scripts to someone else in charge of implementing and building the rest of the site. 

 

Would a single user permanent business green license work for what I'm doing?

Or is there something else that I'd need?

 

Thanks!

[Masking dashed lines - Mask stroke position is off]

Hi,

 

I'm trying to reveal a dashed line with drawsvg using a mask but the mask position seems to be off. 

I can increase the stroke-width for lines that don't overlap but when they do overlap in the codepen example, I need a more precise line. 

 

Anybody encounter this and know whats up? 

Thanks! 

See the Pen wWMQjW by phantomboogie (@phantomboogie) on CodePen

[Looping a From to To]

This is great. Thanks!

[Looping a From to To]

Anyone know how to loop the circle animation. 

I tried adding (yoyo: False) to each of the lines but they're only looping their respective parts. 

 

I'm trying to get the circle draw on and have the draw off be in the same direction. 

Thanks! 

See the Pen MeKoeo by hiytreblahiy (@hiytreblahiy) on CodePen

[MorphSVG pixel issue on IE]

Here you go -

See the Pen wWKjLR by hiytreblahiy (@hiytreblahiy) on CodePen

[MorphSVG pixel issue on IE]

I'm trying to morph an SVG with a plugin and I'm getting pixel loss issues when previewing out of IE and Edge. 

Here's a screen capture of whats happening - https://www.dropbox.com/sc/xpqj3ggo2lavxbu/AAAgLnFAG-u4r-WfGf3urznla

 

Anyone encounter this issue before? 

 

Thanks!