问题标签 [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.
coffeescript - 在成帧器中连续执行代码
我有一个关于成帧器的小问题。目前我有一个小私人项目,我需要在鼠标按下或不按下时运行不同的操作。
为了便于讨论,我用一个矩形设置了一个简单的场景。现在我希望矩形在按下鼠标时向右旋转,在鼠标未按下时向左旋转。
问题是代码只检查一次鼠标是否被按下。我不知道如何让程序连续检查按钮是否被按下。
有人可以帮我吗?
macos - 是否可以直接从 MacOS Finder 打开 framerJS 项目?
MacOS finder 支持从 finder 打开文件。根据它们的扩展名,将打开一个指定的程序。
FramerJS 依赖于不包含此选项的项目文件夹。
有没有办法通过打开成帧器中的一个文件夹文件来打开成帧器项目?
如何才能做到这一点?
animation - FramerJS:如何在屏幕上的不同位置同时并重复地为相似的图层设置动画?
我正在尝试创建一个闪烁星星的场景,其中基本上你有多个相似的图层(大小和 x/y 坐标不同)在屏幕上的不同位置同时且无限地进行动画处理。
我试图通过循环遍历我创建的 X 个图层并在状态之间为它们设置动画来创建它。似乎第一个状态为所有图层设置动画,但是,只有在数组中创建的第一个图层在第二个状态下设置动画,并且是唯一循环其动画的图层。
这是我的项目的代码链接:https ://framer.cloud/JlZul
arrays - FramerJS,设计到代码,数组循环
我一直在尝试通过设计选项卡中的设计列表元素上的虚拟数组创建一个循环。我看到数组正在循环中加载。我似乎无法将列表项放在一起。
在尝试修复它很长时间后,有人可以指出我做错了什么吗?
image-processing - 如何增加从图像生成的颜色之间的对比度?
一些细节:
我正在 Framer 中制作一个小型原型,某种壁纸应用程序。我使用充满活力的.js自动从图像中挑选颜色,为我的界面添加一点色彩。我使用两个鲜艳的颜色配置文件:“DarkMuted” - 用于背景和“Vibrant” - 用于活动控件/重音等。
不幸的是,颜色组合有时看起来暗淡且不饱和,活跃的元素并没有像我想要的那样突出。所以我的第一个决定是
盲目编辑颜色。
我将它们转换为hsl
并明确设置s
和l
值。
这在两者之间产生了足够的对比度,但也有一个缺点:有时颜色看起来有点过饱和和失真(与输入相比)。
通过此链接,您可以找到成对的屏幕截图,以向您展示“vibrant.js”返回的“原始”颜色对与调整 s 和 l 值的颜色之间的区别。
我已经在另一个论坛上询问是否可以对颜色应用自动调整,以规范某些颜色范围的感知偏差。答案是“几乎不可能”。
我会说主观上可接受的色率约为 65%,但结果太不可预测了。由于这是一个自动解决方案,我不能过分依赖它。
所以我决定用另一种方式来处理它:
生成一堆颜色并过滤一个
这里的问题是:
我还没有找到如何使用充满活力的.js为每个配置文件生成一种以上的颜色
此外,我尝试使用color-thief.js库来生成主色调色板,然后过滤,我称之为“充满活力”的颜色。
但是这里出现了另一个问题 - 并非每个图像都有一组低于我的阈值的颜色。有些图像具有柔和的 gamma 或 b/w 并且不返回任何内容。
所以,
我能否克服每个配置文件 1 种颜色的活力。
或者,也许还有另一种/更好的解决方案?
coffeescript - 无法让 CoffeeScript 识别 js 文件中的函数
我正在 Coffeescript 中编写一个简单的应用程序来控制飞利浦 Hue 灯。我已将此模块包含在我的项目中。下面的代码似乎可以正常工作,直到我尝试使用setLightState
. 编译器说该函数不是函数。我不太明白为什么它无法识别该功能。
firebase - 在 Framer 中从 Firebase 获取特定密钥
我在编码方面真的很新,所以我的问题可能很简单。在下图中,您可以看到我在 Firebase 中的内容。
在 Framer 中使用此模块并编写此代码后:
我得到这样的东西:
{-L8S1RLTU3P3Lb-PxtsF:{amount:24926, date:"25.3.2018", type:"c"}, -L8S1RTNNySP0quUICNt:{amount:23616, date:"25.3.2018", type:"c"}, - L8S1RYPmG8L_EkYV8Vd:{金额:37863,日期:“25.3.2018”,类型:“b”}}
问题是我只想得到数量。当我试图将$key更改为金额时,它给了我一个错误:
我觉得解决方案很简单,但我找不到:(
swift - 根据摩擦和张力确定 springWithDamping 和 initialSpringVelocity
我的设计团队使用摩擦力和张力为我们提供动画参数。例如:
具有弹簧影响(280 张力和 20.5 摩擦)超过 0.3 秒
不幸的是,我总是猜到这些值转换成什么,并注视它,如果它看起来很接近,我将它发送过去并且他们批准它。但是,不断构建具有不同值的项目所花费的时间非常耗时。必须有一个更简单的方法。
我在 Github 上找到了Framer,它让我相信阻尼可以这样计算:
但是,我似乎无法弄清楚如何根据摩擦和张力计算速度。有没有更简单的方法可以为这个开发人员节省一些宝贵的时间?
动画示例:
javascript - 可以使用正则表达式来比较和匹配一组单词吗?
可以使用正则表达式来比较和匹配一组单词吗?
例如,我想要一个这样的字符串......
“贷款国家”
匹配这些...
reactjs - 未找到模块:错误:无法解析“ReactDOM”
我正在尝试在我的项目中导入成帧器库。如果我不导入 Hearts.tsx,项目本身编译得很好。但是,如果我导入 Hearts.tsx,它就像下面一样失败。Hearts.tsx 导入成帧器。不幸的是,当我尝试使用 webpack-dev-server 运行它时出现错误。
这是详细的错误:
我错过了什么?
顺便说一句,这是我的 package.json 文件: