Circular Loading Anim.
Hey guys - any ideas how I would approach a circular loading progress indicator?S omething like this:http://tympanus.net/codrops/2014/04/09/how-to-create-a-circular-progress-button/
I guess I could just integrate that directly, but was wondering if there's a more 'framer js' way? Masking a shape or something like that?
Framer doesn't have shape animations built in, so I would go for 1) something canvas based like raphael.js or 2) make it in After Effects and use a video layer to control playback.
Also see: http://framerjs.tumblr.com/post/94631883997/prototyping-with-video
Thanks for the tips. I think video or gif might be the way to go so for this time.
I've done this with framer! Basically divide the circle into 4 pieces and rotate a half-rectangle to reveal the darker colored circle
Cemre Güngör mind posting a code sample?
Just posted a demo here: https://www.facebook.com/video.php?v=10152802719150466
Jairo Avalos Koen Bok I'm looking at Raphael.js .... how do i integrate that with Framerjs? I would first add the script to the index.html... how can I use it with in framer studio to call on functions from rapheal.js?
Jairo Avalos could you post a project with raphael js integrated so I can see how you did it?