在 Jetpack Compose 中实现“Magic Sparks”动画

Question

我目前正在使用 Jetpack Compose 和 Kotlin 开发一个项目，我正在尝试实现“魔法火花”动画。当用户执行特定操作或单击按钮时，应触发此动画。但是，我不知道从哪里开始，因为我知道 Jetpack Compose 可能没有内置的粒子系统。

“魔法火花”是一种视觉效果，从光源中发出一阵小而轻的粒子（“火花”），通常伴随着明亮的光芒。

我正在寻找如何解决这个问题的指导。具体来说，我想知道：

有没有办法在 Jetpack Compose 中创建粒子系统？ 如果没有，我可以使用哪些替代方法或库来实现类似的效果？ 作为参考，我找到了一个视频，其中显示了我正在尝试实现的动画类型https://www.youtube.com/watch?v=wBFtnFLGMEw。

Answer 1

我发现了一个对于描述简单的粒子系统效果来说通常还不错的库。

https://github.com/DanielMartinus/Konfetti/tree/main

Party(
    speed = 0f,
    maxSpeed = 30f,
    damping = 0.9f,
    spread = 360,
    colors = listOf(0xfce18a, 0xff726d, 0xf4306d, 0xb48def),
    emitter = Emitter(duration = 100, TimeUnit.MILLISECONDS).max(100),
    position = Position.Relative(0.5, 0.3)
)
viewKonfetti.start(party)