粒子画布

使用 Flutter、FlutterFlow 和一些数学知识创建的粒子消散效果！

请尝试 演示！（建议将其作为桌面或移动应用程序运行，因为它不太优化，所以在 Web 上可能会有点卡顿）

FlutterFlow 项目： https://app.flutterflow.io/project/particles-demo-vd2vhs

particle_demo.mov

ParticleCanvas 是一个 FlutterFlow 自定义小部件，颜色选择器和属性编辑器都内置在 FlutterFlow 中。

粒子画布

它包含了接受用户输入以在画布上绘制和实现粒子消散效果的逻辑。它接受以下可以自定义的属性

class ParticleCanvas extends StatefulWidget {
  const ParticleCanvas({
    Key? key,
    this.width,
    this.height,
    this.particleGroupRadius = 30.0,
    this.particleMaxSize = 6.0,
    this.effectDuration = 5.0,
    this.numberOfParticles = 12,
    this.gapBetweenDrawFraction = 0.5,
    this.particleColor = Colors.tealAccent,
  }) : super(key: key);

  final double? width;
  final double? height;
  final double particleGroupRadius;
  final double particleMaxSize;
  final double effectDuration;
  final int numberOfParticles;
  final double gapBetweenDrawFraction;
  final Color particleColor;

  @override
  State<ParticleCanvas> createState() => _ParticleCanvasState();
}

许可证

版权所有 (c) 2022 Souvik Biswas

特此授予任何人获得本软件及相关文档文件（“软件”）副本的权限，可以不受限制地使用本软件，包括但不限于使用、复制、修改、合并、发布、分发、再许可和/或销售软件副本的权利，并允许向本软件的接收者这样做，但须遵守以下条件：

以上版权声明和本许可声明应包含在软件的所有副本或实质性部分中。

本软件按“原样”提供，不提供任何形式的保证，明示或暗示，包括但不限于适销性、特定用途的适用性和非侵权性的保证。在任何情况下，作者或版权持有人均不对因本软件的使用或交易或其他与本软件相关的行为而引起的任何索赔、损害或其他责任负责，无论是合同、侵权或其他行为。

GitHub

查看 Github