问题标签 [framerjs]

根据 Google Material Design，我正在编写一个 Framer.js 函数来模拟当您点击按钮或图层时的“飞溅”效果。

它看起来像这样

在此之后，我有一些代码来运行动画。

我的问题是，如何获得 tapX 和 tapY 坐标？使用已单击/点击的图层的中点还不够好 - 我希望动画源自用户点击的确切点

我正在遍历对象并希望在新对象中包含匹配的结果。我想丢弃/忽略的不匹配结果。

问题是我得到一个带有空条目的对象，其中方法内没有匹配项，例如

我真正想要的只是

该函数应该递归地查看对象内部，直到找到第一个匹配实例并返回它。（我也会满足于收集所有匹配的实例，而不仅仅是第一个）

对于上下文，这是针对Framer.js的，上面的示例在这里http://share.framerjs.com/6qax51amay0v/

我不确定这对于这个例子是否重要，我想做的是完全跳过不匹配的值，但r()总是返回一些东西并在捕获输出的变量中创建一个空条目。也许什么都不返回就是答案，或者它不应该添加另一个对象元素[]

我使用 framer.js 为我的 iOS 应用程序创建了一个遍历动画，效果很好，非常流畅且响应迅速。有没有办法将这个项目正确地包含在 UIWebView 中，所以我不必重新创建这些动画？

如果我绕过本地文件限制错误，它看起来像它的工作，但一切都在我的手机屏幕上按比例放大/切断。很奇怪，因为如果我使用 Safari 查看相同的项目，它可以正常工作。

有任何想法吗？

我正在寻找一种将 FramerJS 动画减慢一定幅度的解决方案。

在Velocity Animation 框架中Velocity.mock = 10，可以将所有内容减慢10.

要么文档缺乏这方面的内容，要么这个特性目前不存在，应该真正实现。

我正在尝试在 Framer.js 中重新创建 iChat。我被卡住了，因为我不知道如何滚动并单击单个屏幕。我正在尝试模仿 iChat 上的主消息屏幕，您可以在其中查看所有消息，然后您可以单击图像以完整查看它。当您在图像上设置滚动组件时，它会覆盖单击事件。

这是我目前所在的位置（当然这是一个非常基本的交互式线框）：http ://share.framerjs.com/rrfcftx09hpv/

谢谢你的帮助！

试图做一些简单的事情却碰壁了。我正在尝试获取数组中某个项目的索引值，我使用的是 Coffeescript 而不是普通的 Javascript。

代码：

我试过 i.index、i.value、plain old i（它给了我字符串）。我想根据数组中的位置获取索引值来定位项目。

干杯。

在下面的代码中，两种状态都具有相同的动画属性。如何为每个状态分配不同的动画属性？

这是我的代码，可以直接粘贴到 Framer Studio 中：

但是，我发现该the image is loaded字符串从未打印出来。是缓存引起的吗？有没有人知道如何解决这个问题？

这是（几乎）逐字从PageComponent示例中获取的（减去导入的 Sketch 文档），但在我的代码中，右侧contentInset完全被忽略，并且卡片在第一张卡片之后在每张卡片上奇怪地偏移。

我正在使用 Framer Studio 版本 1.13.25 (1583)

我对编写javascript的方式感到困惑，我想知道它们之间有什么区别？它们都产生相同的结果，但哪种方法最好？

我正在使用Framer.js库进行原型设计。我知道Framer.js使用咖啡脚本，但我正在用香草javascript编写它们。

差异1

差异 2