This is a read-only archive of the Framer Community on Facebook.

What is Framer? Join the Community
Return to index
Rory Smyth
Posted Sep 03 - Read on Facebook

I've made this simple little module for creating a timeline of animation. Similar to GSAP, you can add an offset to the animation so it'll place itself relative to the last animation in the timeline. It's just an proof of concept, but I like the idea of being able to encapsulate these small chunks of animation in their own timeline.

example:
http://share.framerjs.com/6hls6zlyookf/

11 Comments

Jordan Robert Dobson

Have you seen the work that Isaac Weinhausen did. This looks nearly the same.

Koen Bok

Very cool!

Jordan Robert Dobson

Nice work! Have you dealt with spring curves at all yet? Looks quite promising.

Rory Smyth

Haven't seen Isaac Weinhausen work. Will check it out! Cheers guys

Jordan Robert Dobson
Rory Smyth

damn. that's nice. Missing the staggering/offset functionality. Would be cool if it had that too.

Jordan Robert Dobson

Yep! I know he'd love some feedback or someone to team up with.

Isaac Weinhausen

Rory Smyth Very nice! Yeah, it doesn't have direct offset functionality, but you can achieve something similar by using my AnimationSet object and adding delays to the animations. Having a proper offset API though would be nicer.

Isaac Weinhausen

Like Jordan Robert Dobson mentioned, i'd love to have some help. Been too busy with other things lately, but once things calm down, I'm going to continue development. I've also had some thoughts around an unconventional/weird timeline API; I'll put up a proof of concept when I have a chance.

Jordan Robert Dobson

Th challenge with offsets are when you start to use springs and when they "report" they are done compared to when they are actually visually done. Sometimes there can be a lag of around one second.

I've worked on something to shorten the "report" event by setting a threshold where you can set what values should be ignored or deemed as too small to matter.

I set it down for a while to focus on other things but I'd be happy to share the code if you guys are interested.

Isaac Weinhausen

Yeah, I know exactly what you mean. I'd love to see what you did. Does GreenSocks handle this too?

Read the entire post on Facebook