问题标签 [framerjs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
1 回答
272 浏览

framerjs - 如何使图层看起来没有过渡

我正在制作 Snapchat 的模型。当您点击相机页面图层上的相机按钮时,这应该会将您带到编辑照片页面(另一个图层)。如何使“编辑照片页面”图层看起来就像 Snapchat 没有.showNext或一样.overlayTop

代码

相互作用

在此处输入图像描述 编辑照片页面

0 投票
1 回答
59 浏览

framerjs - 更改状态时单击的按钮

当我点击屏幕 1 中的蓝色收藏夹按钮时,我想调出收藏夹列表(屏幕 2),然后点击绿色收藏夹按钮进入屏幕 3。但是,当我点击屏幕中的收藏夹按钮时1,我立即进入屏幕 3. 我该如何解决这个问题?

||------------屏幕 1 ------------||------------ 屏幕 2 --------- ||-----------画面3------------||

在此处输入图像描述 在此处输入图像描述 在此处输入图像描述

代码

状态“on”表示将不透明度设置为 1,状态“default”表示将不透明度设置为 0。绿色的收藏夹按钮 2 位于蓝色收藏夹按钮的顶部。

0 投票
2 回答
156 浏览

coffeescript - 使用 FramerJS 在单击时居中图层

目标是从屏幕中间的底部垂直向上移动按钮层,同时增长到更大的尺寸。但是,单击图层后,它不会移动到确切的中心。它向上移动但向右移动。为什么是这样?

代码

0 投票
1 回答
82 浏览

events - 让 .once 在 Framer Studio 中工作?

我是 Framer 的新手,只有 Javascript 的工作知识。

我正在尝试使用Framer 音频播放器模块创建一个 Framer 原型。它适用于我想出的基本情况,但现在我正在尝试做一些更复杂的事情,我被卡住了。

我正在尝试做的事情: 我想在悬停时播放一个音频剪辑。如果用户在音频剪辑的持续时间内一直悬停,那么一旦第一个剪辑结束,另一个“成功”剪辑应该播放一次。

在下面的代码中,第一个剪辑播放正常,但第二个剪辑不断重复。我尝试.once()通过输入——试错风格——各种形式的'audio.player.once "ended", ->'and来使用'audio.player.play().once', 但这种方法不起作用。.once我在 Framer 文档中也找不到。

这是我的 Framer/CoffeeScript 代码片段:

我觉得这里可能有一个直截了当的答案,但我有限的理解让我感到困惑。有人有想法吗?谢谢!

0 投票
1 回答
381 浏览

javascript - 在 framer scrollComponent 上监听滚动

我正在尝试检查deltaYin framer 滚动事件并仅在deltaY == 0.

看来成帧器(用coffeescript编写)没有办法检查这一点。还有另一种说法(用伪代码):

framer 滚动事件有这个方法:

在此页面上发现: https ://framer.com/docs/#scroll.scrollcomponent

但是如果我尝试这个,语句的 else 部分不会打印任何内容

///或者这也不起作用:

0 投票
1 回答
184 浏览

javascript - 如何在 Framer 中重新启动 SpeechRecognition 功能?

我想在 Framer (coffeescript) 中构建一个函数,我可以在其中说出一个特定的单词作为语音输入,然后发生一些事情。例如,我说“苹果”,然后一个矩形变成绿色。如果我说“香蕉”,它会变黄。

到目前为止,它只工作一次,然后我必须刷新原型才能记录一个新单词。我怎样才能让它流利,这样我就可以说更多的词并总是改变颜色?

这是我当前的代码。我使用 Google Chrome API 进行语音识别,所以原型本身只有在 Chrome 浏览器中打开它才能工作。

0 投票
1 回答
471 浏览

javascript - 如何在使用咖啡脚本的 Framer 中设置超时()?

我想在延迟后触发一个功能。在 Javascript 中,我通常使用setTimeout(function(), t). 我怎样才能在 framerJS 中做到这一点?

0 投票
1 回答
179 浏览

framerjs - 在 Framer 中延迟迭代

我有一个文本字段,我想一次推出一个单词。单词在一个数组中。显示单词之间的延迟设置为 1 秒。第一个单词显示 2 秒。因此,奇怪的双重陈述。

当我正确调用显示printMessageLoop(msgArray[2])target一个单词时,但最后两个是“未定义”。打印输出说:

似乎在target.text = msgArray[i]执行i设置为 last的行时i。即 i++ = 3

为什么?我该如何解决?

0 投票
1 回答
358 浏览

coffeescript - FramerJS - 带有滚动组件的水平滚动条

我创建了一个可滚动区域,我正在尝试在图像下方添加一个滚动条(链接图像中的蓝色滚动条)

我目前拥有的可滚动区域的代码。

滚动

0 投票
1 回答
109 浏览

coffeescript - Framer [CoffeeScript] - 无法在循环中访问数组

我无法在 for 循环中访问我的数组 - 为什么?提前致谢。

我想为我的“PageDowns”元素播放状态动画。

在此处输入图像描述

抱歉,我无法粘贴代码,因为此处的 CodeSample 对我不起作用。