问题标签 [rive]

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 投票
2 回答
1180 浏览

flutter - 如何使用 Flare 动画作为带有淡入动画的图像占位符

我试图在从网络加载图像时显示图像占位符,并将占位符替换为带有淡入动画的实际图像。当我使用资产中的简单 png 图像时,这可以正常工作。以下是现有代码:

现在我想加载一个耀斑动画作为图像占位符。我正在使用FlareActor来显示耀斑动画,但 FlareActor 是 FadeInImage 中的一个小部件和占位符,需要ImageProvider。有没有办法将耀斑动画加载为图像占位符并将其替换为带有淡入动画的实际图像。

以下是加载简单耀斑动画的代码:

谢谢

0 投票
0 回答
44 浏览

flutter - How to scale Flare animation to fit card width?

I have a simple Stack with a Card, and on top of it a Flare animation. I want the animation to fit the width of the card and align to the bottom of the card. As it is, it is only covering roughly a third of the card, and is pretty much in the middle. Any ideas how I can scale the animation to cover the width of the card and align the animation?

I tried fit: Boxfit.cover, fit: BoxFit.fitWidth, etc but it's not changing anything.

Here is my code:

enter image description here

0 投票
1 回答
313 浏览

flutter - Flutter 动画,Flare VS GIF

我发现我们可以用 Flare 制作令人惊叹的动画。但是我们不能用 gifs 文件做同样的事情吗?

Flare 动画和在 Flutter 应用中使用 gif 文件有什么区别?

0 投票
0 回答
55 浏览

flutter - Flutter Rive、Flare Actor 同步并不完美

我有以下两个

动画是旋转的形状。

但问题是我猜这两个 FlareActor 在不同的时间开始旋转(有时是有时不是(主要是在模拟器第一次打开时))

我该如何解决?

0 投票
0 回答
120 浏览

flutter - 你可以在运行时交换 Flutter Rive 动画的图像组件吗?

我正在评估 Rive 是否是我正在从事的小型颤动游戏项目中动画的良好解决方案。Rive 动画创建系统及其灵活性给我留下了深刻的印象,但似乎无法找到一个很好的示例或文档来说明是否可以在运行时在应用程序中交换 Rive 动画的图像。

一个示例用例是我有一个角色挥舞剑的生动动画。如果用户装备了一把新剑,我可以更改剑的图像,然后仍然使用相同的动画文件吗?我知道您可以将动画导出为二进制或 JSON,如果可能的话,我对这两种方法都持开放态度。虽然我知道我可以在 rive 编辑器中交换剑并轻松导出新系统,但如果我现在需要为每种类型的设备制作角色动画,这不是很可扩展。

如果该问题有其他解决方案,我愿意接受任何合理实现此目标的方法。

0 投票
0 回答
35 浏览

flutter - 我如何在 Flutter 中制作这样的动画

当用户将产品添加到购物篮时,我想制作动画。是否可以使用 Rive(Flare) 制作这样的动画(例如https://ibb.co/z8jG7fY)以及如何制作?

0 投票
1 回答
224 浏览

flutter - 如何在颤振中绕过画板(Rive)

如何绕过画板?
我想将我的按钮移动到屏幕底部一点
我使用bottomNavigationBar,但我的按钮从底部屏幕高

示例图片点击这里

我英语不好 非常感谢!

0 投票
0 回答
275 浏览

flutter - 如何在颤动中全屏制作耀斑动画?

我最近使用 Flare 制作了一个动画。

我使用flare_splash_screen包将该动画用作我的颤振应用程序中的闪屏。

我面临的问题是我无法在带有凹口无边框显示器的设备上制作全屏动画。

动画在 Google Pixel XL 和 iPhone SE 等设备上全屏显示。但不适用于 iPhone 11 Pro、iPhone 11 Pro Max 等设备。

我的画板尺寸是1080x1920

我已经尝试了一切

  • 使用扩展
  • 玩体重和身高
  • 使用容器并调整其大小

但无论我做什么,动画都在显示中间,从不全屏。

任何帮助将不胜感激

这是空间动画正在拍摄

这是我的代码:

0 投票
2 回答
1623 浏览

flutter - 在 Flutter 中更改 Rive 2 动画

我有一个使用 Rive 2 创建的 .riv 文件。它包含多个动画。

我想播放默认动画,但要根据流的输入进行更改。

下面的代码只播放“默认”动画,即使 switch case 发生变化也不会更新。代码跳转到正确的 switch case 语句,我用日志检查了它。但是动画没有变化。

如何从 Rive 画板播放不同的动画?

州级:

构建函数:

返回正确动画的自定义函数:

0 投票
1 回答
405 浏览

rive - 将资产导入 Rive

我有我公司的徽标,我想创建褪色图像的动画并将其用作启动屏幕,我不知道如何在https://preview-web.rive.app/上导入徽标并开始做这项工作。