Stack Overflow
Stack Overflow

Questions tagged [framerjs]

Framerjs - JavaScript Framework for rapid prototyping animation and interaction on desktop and mobile.

Framer.js is an open source JavaScript framework for rapid prototyping. It allows you to define animations and interactions, complete with filters, spring physics, 3D effects and more.

A prototyping tool for animation and interaction on desktop and mobile.

Framer can help you to quickly build interactions and animations. Built for designers and integrates with Photoshop. Great alternative to Quartz Composer, Flash or Keynote.

145 questions
0
votes
1 answer

Get index value of array

Trying to do something simple but hitting a brick wall. I'm trying to get the index value of an item in an array, I'm using Coffeescript not plain Javascript. Code: for i in ["The Royal Family", "Residences", "History & Tradition", "News", "Events",…
Andrew
  • 141
  • 2
  • 11
0
votes
1 answer

Q: Have Scroll & On Click on a Single Screen in Framer

I'm trying to recreate iChat in Framer.js. I'm stuck because I can't figure out how to do a scroll and on click on a single screen. I'm trying to mimic the main messages screen on iChat where you can see all your messages, then you can click into an…
ObbyOss
  • 357
  • 1
  • 2
  • 14
0
votes
1 answer

Is it possible to run a framer.js project inside an UIWebView?

I created a walktrough animation for my iOS application using framer.js and works great, very fluid and responsive. Is there any way to include this project inside an UIWebView properly, so i don't have to recreate these animations? Looks like its…
passatgt
  • 4,234
  • 4
  • 40
  • 54
0
votes
1 answer

Prevent coffeescript method from adding a new element to a variable that called it

I'm looping through and object and want to contain matching results in a new object. Non-matching results I want to discard/ignore. The problem is that I get an object with empty entries where there was no match from within the method e.g.…
ed209
  • 11,075
  • 19
  • 66
  • 82
0
votes
2 answers

How can I mask an Image into a Layer?

These are my first steps with FramerJS and I would like to know how to mask an Image into a different layer when I scale the image with an animation. Thanks.
ricardrovirag
  • 3
  • 3
0
votes
1 answer

Framer.js Shadows

I'm adding a shadow to an oval that I imported from sketch. If I add a shadow to the oval, there appears a shadow in a box shape around the oval. Very confusing, when I know the layer is an oval. If I remove layer, but make the layer draggable the…
Ben Adamson
  • 1
  • 2
0
votes
2 answers

Framer.js - Renaming layers

I can't figure out how to change the name of a layer I've created. Not the layer.name property, but the actual name of the layer. For example, I would like this to print out 40: test = new Layer ({ height:40,width:40 }) //replace "test" with…
Traviskorte
  • 113
  • 8
0
votes
2 answers

Color transition Framerjs

I want to create a seamless transition between two background colors using Framer.js I have tried below code which moves the white square 500px and then when it reaches the end it switch instantly to "red". No smooth transition of the color. Any…
sjunnesson
  • 185
  • 2
  • 10
0
votes
1 answer

FramerJS: Reordering an array

I'm not native speaker in English, sorry for my pool word. I made array like this.. # item layers a = new Layer({x:20, width:80, height:80, image:"images/a.png"}) b = new Layer({x:120, width:80, height:80, image:"images/b.png"}) c = new…
Jun-hyuk Jang
  • 1
0
votes
1 answer

Framer.js : how do you get the "previous" layer?

In Framer Studio (Coffeescript), whenever I click a layer, it's copied into another one (which is kind of a "checklist" layer if you will). I'm trying to append a copied layer right below the previous one that has been clicked. How would you do that…
user4162166
  • 5
  • 3
0
votes
1 answer

Framer.js: Manipulating a layer's animation states through another layer's on-click event?

I'm using framer.js to create a quick mockup, but one thing I need it to do is to animate a layer between two defined states when another layer's on-click event is triggered. This is what I mean: I have to variables blueBox and redBox, all defined…
Jax17
  • 1
  • 2
0
votes
2 answers

How do I create a series of layers from an array and for loop?

Basically, I need to create layers from five images. Is there a way to do this with a for loop, as opposed to manually creating the layers? The following code was my attempt, but I'm not sure how to debug from here. tabs_strings = ["nearby",…
nipponese
  • 2,813
  • 6
  • 35
  • 51
0
votes
1 answer

How do I turn off dragging on sublayers while dragging parent?

I have a large parent layer with several children rows in side. I want to prevent the rows from being dragged horizontally while the parent is being dragged vertically. My guess was to make draggable = false on TouchStart, but no luck. cellHeight =…
nipponese
  • 2,813
  • 6
  • 35
  • 51
0
votes
0 answers

Is it possible to store a layer in a new object without instantiating via new Layer?

I am trying to create grid where the clicked item scales up, but if there is a previously clicked button at that scale, then the previously click button scales scales down. So far, I have figured out how to do this by creating an invisible layer…
nipponese
  • 2,813
  • 6
  • 35
  • 51
0
votes
1 answer

How do change the speed/duration of a state change?

For normal animations, I can just use the following to change the time an animation takes to complete. myLayer.on Events.Click, -> myLayer.animate properties: {x:200} time: .01 However, this doesn't seem to work for state…
nipponese
  • 2,813
  • 6
  • 35
  • 51
1 2 3
…
9
10