kivy的粒子动画背景

Question

我想在我的软件的背景屏幕上放一个粒子动画，类似于下面的 link，但是对于 Python 和 kivymd

codepen.io/JulianLaval/pen/KpLXOO

我知道现在这对 kivymd 来说可能很难或不可能，但如果有人有想法请告诉我

Answer 1

是的！这是绝对可能的（在 Kivy 一切皆有可能）。查看下面的代码：

from kivy.app import App
from kivy.uix.widget import Widget
from kivy.graphics import Line, Color
from random import randint
from kivy.clock import Clock
from kivy.lang import Builder
from kivy.properties import ListProperty
from math import sin, cos


class ParticleMesh(Widget):
    points = ListProperty()

    def __init__(self, **kwargs):
        super().__init__(**kwargs)
        self.direction = []
        self.point_number = 50
        Clock.schedule_once(lambda dt: self.plot_points(), 2)

    def plot_points(self):
        for _ in range(self.point_number):
            x = randint(0, self.width)
            y = randint(0, self.height)
            self.points.extend([x, y])
            self.direction.append(randint(0, 359))
        Clock.schedule_interval(self.update_positions, 0)

    def draw_lines(self):
        self.canvas.after.clear()
        with self.canvas.after:
            for i in range(0, len(self.points), 2):
                for j in range(i + 2, len(self.points), 2):

                    d = self.distance_between_points(self.points[i], self.points[i + 1], self.points[j],
                                                     self.points[j + 1])
                    if d > 120:
                        continue
                    color = d / 120
                    Color(rgba=[color, color, color, 1])
                    Line(points=[self.points[i], self.points[i + 1], self.points[j], self.points[j + 1]])

    def update_positions(self, *args):
        step = 1
        for i, j in zip(range(0, len(self.points), 2), range(len(self.direction))):
            theta = self.direction[j]
            self.points[i] += step * cos(theta)
            self.points[i + 1] += step * sin(theta)

            if self.off_screen(self.points[i], self.points[i + 1]):
                self.direction[j] = 90 + self.direction[j]

        self.draw_lines()

    @staticmethod
    def distance_between_points(x1, y1, x2, y2):
        return ((x1 - x2) ** 2 + (y1 - y2) ** 2) ** 0.5

    def off_screen(self, x, y):
        return x < -5 or x > self.width + 5 or y < -5 or y > self.height + 5


kv = """
FloatLayout:

    canvas.before:
        Color:
            rgba: 1, 1, 1, 1
        Rectangle:
            size: self.size
            pos: self.pos

    ParticleMesh:

        canvas:
            Color:
                rgba: 0, 0, 0, 1
            Point:
                points: self.points
                pointsize: 2
"""


class MeshApp(App):

    def build(self):
        return Builder.load_string(kv)


if __name__ == '__main__':
    MeshApp().run()

此代码将创建以下内容（这只是一个屏幕截图 - 如果您运行应用程序，点会移动）：

首先调用 plot_points，创建随机放置在屏幕上的点数组。还会为每个点创建一个随机 direction。该方向由 0 到 359 之间的角度表示。完成此函数后，将实例化一个 Clock 对象并在每一帧调用 update_positions。

update_positions 将粒子按 directions 指定的角度移动一个像素。如果粒子的位置大于屏幕，则方向相反。

终于调用了draw_lines。此函数首先清除所有现有线，然后绘制新线。如果点之间的距离大于 120 像素，则不会创建线。但是，如果它们距离小于 120 像素，则会绘制一条线，两点越近，线越暗。

您始终可以通过更改 self.point_number 属性.

来增加或减少屏幕上的点数

我会留给你来改变点的颜色和背景 - 我认为这应该不会太难。

kivy的粒子动画背景

particle animation background for kivy

python

background

particles

kivy

kivymd