问题标签 [popmotion]

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 投票
0 回答
97 浏览

javascript - Popmotion:弹跳效果

如下所示,我尝试在 Popmotion 中的另一个动画结束时创建弹跳效果。

我不知道该怎么做,所以一旦速度达到某个阈值,我就尝试反转速度。

结果是零星的,并不总是有效。

关于如何使用 Popmotion 最好地创建弹跳效果的任何想法?

说明 1

球大部分时间都会弹跳,但弹跳的时间长短差异很大。有时它会在一次反弹后突然停止。我不确定为什么会这样,因为我不完全了解该解决方案的实际工作原理。如果我们简单地反转速度,为什么它会变慢。查看代码,我的猜测是球会无限期地振荡,但事实并非如此。

说明 2

Firefox 65.0.1中,动画似乎是一致的。在Chrome 72.x中,它的行为是非理性的。即动画和弹跳长度每次都会改变。

0 投票
1 回答
346 浏览

javascript - react-pose 动画在安装时闪烁

我有以下代码,它应该Container在 3 秒后为组件呈现一个简单的淡入淡出动画。但是,该组件在淡入之前闪烁完全可见。我的问题是:为什么会发生这种情况,我该如何阻止它发生?

gif

编辑 435opr99l0

0 投票
0 回答
554 浏览

react-native - Hitslop 不能在 TouchableNativeFeedback 中使用动画儿童

卡片

我的 hitslop 在 TouchableNativeFeedback 中不起作用。但是,如果我忽略/注释掉覆盖部分,则 hitslop 可以正常工作。不确定为什么我的 TouchableNativeFeedback 没有响应 hitslop

$Overlay = posed.View()

包的github链接: 提前感谢链接。

0 投票
0 回答
44 浏览

javascript - 移除 Popmotion Pose 中的“弹性”效果

我尝试使用 Popmotion Pose for React 做一个简单的x过渡opacity,但我不知道如何删除默认的“弹性”(反弹?)效果。

大家知道怎么去掉吗?

0 投票
1 回答
81 浏览

reactjs - 为什么 react 中的 ref 在这里为空?

我一直在试验 popmotion pure,因为动画必须使用“ref”,我正在使用它。
这里,为什么 ref(number) 的值为 null。

它返回错误为TypeError: Cannot set property 'innerHTML' of null

但是,如果我使用这个文档而不是 null,它工作正常

有人可以指导我完成。谢谢

0 投票
0 回答
200 浏览

javascript - 奇怪的抗锯齿伪影,在嵌套的姿势组件上做出本机反应

我正在创建一个组件,该组件使用react-native-pose. 他们自己的按钮使用姿势来动画按下状态。尽管我不确定我做事是否正确,但我几乎已经找到了我想要的样子。

这就是我想要达到的... 在此处输入图像描述

...但是文字看起来很糟糕,就像上面有 jpg 人工制品:

在此处输入图像描述

应用程序.js

按钮.js

谁能提供任何关于为什么文本和圆角看起来如此人工和低分辨率的见解?

0 投票
0 回答
43 浏览

jquery - Popmotion 与 WordPress 兼容吗?

不确定popmotion是否仍然存在或保持。

它是否适用于任何人?在他们的网站上,它似乎可以工作,但在 codepen 中却不行?

https://codepen.io/popmotion/pen/Kyewbv?editors=0010

在这里工作:https ://popmotion.io/pure/

它需要一个jquery吗?

0 投票
2 回答
418 浏览

javascript - 新版本的 Popmotion 轮播修复

https://codepen.io/popmotion/pen/Kyewbv

由于某种原因,这不起作用。

https://popmotion.io/pure/如此处所述,它必须是

每当我使用它时,夹子运动都显示为未定义。实际上应该是什么?有什么可以让它工作的吗?

0 投票
1 回答
270 浏览

javascript - react-pose 延迟姿势组高度转换,直到孩子之后

目前,当我从列表中删除一个项目时,姿势组 div 会变短,并且项目会同时滑出。如何告诉姿势组等到项目完成动画后再更新姿势组的高度?要延迟一个项目,你添加delay到配置中,但是我如何延迟一个姿势组?

0 投票
2 回答
398 浏览

javascript - 如何使用 popmotion pure 从关键帧旋转、平移和缩放矩形?

如何使用 popmotion pure 使最后一个关键帧将我的矩形旋转 35 度角?

在此处输入图像描述 https://codepen.io/matthewharwood/pen/XWmRPaK?editors=1111

HTML:

CSS:

JS