问题标签 [flare]
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.
javascript - 如何在 Flare React 包中实现类控制器选项
更新:我在底部添加了一个代码框,更详细地说明了我需要做什么。
所以我不太了解 React 中的类是如何工作的,我是新来的 react 并且使用过一点 useState,但从来不知道如何处理一个类。我正在使用这个 react 包,它有一个示例,说明如何使用控制器让您使用现在称为 rive 的耀斑构建的动画交互。https://github.com/2d-inc/Flare-React#readme
当我将鼠标悬停在生成的画布元素上时,我想要实现的是运行不同的动画或再次运行相同的动画。我可以在 flate(rive) 中创建第二个动画,它仍然会在同一个 .flr 文件中输出,然后我应该能够在控制器中引用它并在悬停时运行它,只是坚持如何做那部分,或者甚至让这个控制器工作。需要注意的一件事是我可以让动画在没有控制器的情况下正常运行。
在文档中,他们有这个示例代码
首先什么是构造函数?超级是什么意思?那么他们在构造函数中定义了什么,是某种状态,我如何确定在这里定义什么?
对于初始化,我假设我将它与上面的状态匹配,并以我在flare(rive)中命名的名称获取动画
我不太明白的高级部分是我们将动画设置为this._WalkTime += elapsed;
动画运行多长时间?我想我理解应用部分,它将持续时间应用于动画。
接下来它有这个代码
这是我尝试的代码,目前我收到以下错误
TypeError: Cannot set property 'state' of undefined
作为参考,有一个关于如何使动画交互的教程,但它是用于颤振的,但它对那里的 api https://medium.com/rive/building-a-responsive-house-with-flare-flutter-有一些见解31af823ba805
更新
这是我尝试阅读 es6 中的类后的新尝试代码,我仍然需要了解更多信息。
那么我该如何在点击或悬停或任何事件上运行第二个动画。动画现在运行一次,但我不知道如何使用控制器?
好的希望有人可以在这里提供帮助,我制作了一个代码框,以便有人可以看到我想要实现的目标。有两个动画,在页面上你可以看到第一个有一个控制器应该混合两者,然后是另外两个动画。我想要发生的是第一个动画运行,然后是第二个在悬停时运行。这里是代码沙箱https://codesandbox.io/s/frosty-water-jnj9m
flutter - Flutter,如何使容器在一段时间后消失?
所以我写了这段代码,它可以让动画在我按下的地方播放。因此,如果我按下屏幕,则会在我按下的位置播放一个简短的动画,如果您多次按下,屏幕上会在短时间内播放多个动画。每次我按下屏幕时,都会有一个容器占据播放动画的位置,但即使没有播放动画,这个容器也会不断占用空间。因此,如果我在已经有容器的屏幕上按下,则不会播放动画。如何使容器在一段时间后消失,以便我可以在屏幕上按我想要的多次,并且仍然可以播放动画?
这是负责该动画的所有代码:
python - 从 pandas 数据帧创建要在 D3 中使用的flare json
我有一个数据框,我想将其转换为分层耀斑 json 以用于 D3 可视化,如下所示:D3 sunburst
我的数据框包含一个分层数据,例如:
我想要的输出应该是这样的:
我尝试了几种方法,但无法正确处理。这是我的非工作代码,受这篇文章的启发:Pandas to D3。将数据帧序列化为 JSON
android - 带有 Flutter 的 Rive(flare) 文件显示并在 QEMU Android 模拟器上运行良好,但不会在真实 Android 设备中的内置 APK 上显示
颤振医生:
我在 pubspec.yalm 上明确声明了两个耀斑对象:
我已经尝试过flare_flutter: ^2.0.1
并且smart_flare
依赖,都不适用于内置的 apk。
我在两个不同的 android 设备上进行了测试。flr (rive) 文件仅显示在模拟器上。
flutter - flare_flutter 动画显示问题
问题是无法显示动画,但只能显示图像。这里只有关于 BottomAnimeLoader 的部分代码。所以请帮我弄清楚为什么这里只有静态图像会发生什么。(使用flutter框架和dart语言)
flutter - 我可以使用 Rive / Flare 动画作为可下载的 Flutter 资源吗?
我需要在颤振应用程序中下载可下载的动画。这些动画在 apk 编译时是未知的,因此需要下载。我知道可以下载图像或声音文件,将它们解压缩到用户目录(getApplicationDocumentsDirectory)并显示它们。
是否可以下载 rive 动画并显示它们或者动画是否需要使用 APK 编译?
flutter - Flutter 中的持久代码
如何在每帧刷新时间获得持久的滴答声。例如,在 Flame 游戏引擎update
中,大约每秒钟调用一次方法,并传递一个经过时间
1/60
的值。
我想实现一个风扇旋转的简单动画。我想根据用户输入改变它的旋转速度。我的想法是,在每个滴答声中,我都会以固定值旋转扇形图像/容器。随着用户增加速度,我将增加乘数。使用 Flame 引擎或 Flare 之类的选项很少,但它们似乎有点矫枉过正。另外,我可以使用,但是很少有开销,比如在完成并转发动画时反转动画等等......
dt
SingleTickerProviderMixin
我认为会有一个简单的解决方案,它会在大约每 1/60 秒发生的每个帧刷新时间通知我,并将经过的时间dt
(大约 167 毫秒左右)传递给我。
flutter - 在颤振网络中运行flare / rive动画时出错
我现在开发了一个应用程序,在颤振网络中使用相同的动画。但它的抛出错误。我已经下载了flutter的二进制文件并将其提供给flare,但它不起作用。相同的代码在android中运行良好,但在flutter web Plzz帮助中抛出错误。错误:
代码:
flutter - Flutter,Flare:在动画结束时执行函数
我有一个简单的问题,但找不到答案:有没有办法在我的 Flare 动画完成后执行函数?我有一个在应用启动时显示的动画,我希望在动画结束后显示主屏幕。我怎样才能做到这一点?我尝试使用 Future.delayed() 但不知道将函数放在哪里。如果我将它放入 StartAnimation 小部件的构建器中,则会一遍又一遍地执行 EnterExitRoute。