kivy的粒子动画背景

Question

我想在我的软件的背景屏幕中放置一个粒子动画，类似于下面的链接，但适用于 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 属性来增加或减少屏幕上的点数。

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