live_background

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

LiveBackground ist ein Flutter-Paket, das Ihren App-Hintergrund mit dynamischen, bewegten Partikeleffekten in Bokeh-Qualität versehen kann und so eine visuell ansprechende und immersive Erfahrung schafft. Es nutzt flüssige Animationen und anpassbare Verläufe, um Tiefe und Bewegung zu simulieren – ideal für moderne Benutzeroberflächen. Das Paket unterstützt mehrere Plattformen wie Android, iOS, Web, macOS, Windows und Linux und sorgt für konsistente Leistung auf verschiedenen Geräten. Mit minimalem Setup über den pub-Befehl können Entwickler lebensechte Hintergründe einfach in ihre Anwendungen integrieren.

Anwendungsfälle

Immersive Startbildschirme erstellen
Verbesserung der Dashboard-Visualisierungen
Tiefe zu Landingpages hinzufügen
Entwurf animierter Onboarding-Erlebnisse
Verbesserung des ästhetischen Eindrucks der App

Hauptmerkmale

Echtzeit-Partikelbewegung
anpassbare Bokeh-Stärke
Plattformübergreifende Kompatibilität
Glatte Verlaufübergänge
Leichtgewichtig und leistungsstark
Einfache Integration mit Flutter-Widgets

Geeignet für

UI-Designer, die visuellen Glanz suchen
Entwickler, die moderne mobile oder Web-Anwendungen erstellen
Apps, die ansprechende Hintergrundanimationen erfordern
Kreative digitale Erlebnisse
Prototyping interaktiver Schnittstellen

Hinweise

Kann die Leistung auf Low-End-Geräten beeinträchtigen
Erfordert sorgfältige Abstimmung für optimale Bildraten
Nicht empfehlenswert für inhaltsstarke Layouts
Am besten mit subtilen Farbschemata verwendet
Eingeschränkte Steuerung einzelner Partikel

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

Welcome to Live Background 👋

Provide nice moving wall paper on your background.

title

This repository is inspired by miickel/flutter_particle_clock.

And the code of this repository is based on miickel/flutter_particle_clock

Install

Add live_background dependency on your pubspec.yaml file

live_background: ^{latest version}

Show Case

Christmas

Happy New Year

happy

Change Particle Count

https://user-images.githubusercontent.com/7719604/207383901-491692c5-52c8-4429-8c80-0f1380ede8d3.mp4

Change Particle's velocity

https://user-images.githubusercontent.com/7719604/207384180-10b8c128-e15a-492b-831a-b3b7025bad60.mp4

Change Particle's min/max size

https://user-images.githubusercontent.com/7719604/207384463-5e63c237-8b0b-486f-bc3d-fe562d0119e8.mp4

Usage

Add LiveBackgroundWidget() where you want

import 'package:live_background/live_background.dart';

Stack(children: [LiveBackgroundWidget(), AnyWidget()])

You can use initial values to change the effect

//for example
LiveBackgroundWidget(
   palette: Palette(colors: [Colors.red, Colors.green]),
   velocityX: 2.5,
   velocityY: 0,
   particleMinSize: 10,
   particleMaxSize: 30,
   particleCount: 250,
   blurSigmaX: 3,
   blurSigmaY: 4.5,
   clipBoundary: true //default value is true
)

You can change values dynamically using LiveBackgroundController.

 final liveBackgroundController = LiveBackgroundController();

LiveBackgroundWidget(
  controller: liveBackgroundController,
  palette: _palette,
)

liveBackgroundController.setParticleCount(400);
liveBackgroundController.setVelocity(2.0, 10.5);
liveBackgroundController.setParticleSize(10, 30);
liveBackgroundController.setPalette(Palette(colors: [Colors.yellow, Colors.white]))

Author

👤 Bansook Nam

Website: https://github.com/bansooknam
Github: @bansooknam

🤝 Contributing

Contributions, issues and feature requests are welcome!

Feel free to check issues page. You can also take a look at the [contributing guide](Contributions, issues and feature requests are welcome.).

Show your support

Give a ⭐️ if this project helped you!

📝 License

This project is MIT licensed.

This README was generated with ❤️ by readme-md-generator

Pakete, Repositories und App-Kategorien suchen

Paket installieren