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

What is Framer? Join the Community
Return to index
Koen Bok
Posted Apr 23 - Read on Facebook

Framer Update

I just updated Framer with a bunch of features/fixes. Help me test it before it lands on the official page by replacing you current framer.js with this one: https://raw.githubusercontent.com/koenbok/Framer/master/build/framer.js

Changes:

- Add a delay option to animations
Example: myView.animate({properties: {...}, delay: 1000})
- Fix the draggable on (mobile) Safari
https://github.com/koenbok/Framer/pull/52
- Add a view.draggable = true|false shortcut for draggable
Example: myView.draggable.enabled = true|false
- Fix the curve typo
https://www.facebook.com/groups/framerjs/permalink/469402916520118/
- Add a default width, height and color
By default views now get a width and height of 100 and some blue color
Change the defaults by setting:
Framer.config.defaultViewWidth
Framer.config.defaultViewHeight
Framer.config.defaultViewBackgroundColor
- Fix frame error
https://github.com/koenbok/Framer/pull/46
- Add view copy
Example: myViewCopy = myView.copy()
The entire hierarchy will be duplicated

17 Comments

William Hutter

amazing, thanks Koen !

Aaron Carámbula

Ooh nice ones.

Cemre Güngör

It's draggable.enabled = true right, not draggable = true

Koen Bok

Cemre sorry yeah I changed that last moment. This way you can access the draggable by myView.draggable and set the speed and such.

Cemre Güngör

Ooh, the blue background is coming through in imageviews as well Koen Bok

Cemre Güngör

I have these exported views coming from framerps.js and they all got the blue background. Maybe disable this for imageviews?

Cemre Güngör

Draggable works on mobile now, though :) Yay

Koen Bok

Yep, I'll disable the background color for image views. Good catch.

Jonatan Castro

Delay <3

Koen Bok

New build with the default background colors disabled for image and scroll views.

Florian Pnn

Do you plan to implement a way to have a callback function when we are using .animate() ?

Because even with a setTimeout some time the animation stop the previous one.

Aaron Carámbula

Try the end event for animations maybe?

Florian Pnn

Aaron Is it possible if you use animation in that way ? :

cardArray[cardIndex].animate({
properties: {x:-280},
curve: swipeCurve,
time: swipeTime
});

Cemre Güngör

@flori\

Cemre Güngör

Florian Pnn to do that you need to define like
anim = new Animation({ view: myView, properties: {...}});
anim.on('end', function() { ... });

Florian Pnn

Aaron Cemre Thanks guys!

Read the entire post on Facebook