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 属性来增加或减少屏幕上的点数。

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

kivy的粒子动画背景

1 个答案: