パッケージ、リポジトリ、アプリカテゴリを検索

GitHub リポジトリBansookNam/live_background

ライブ背景

背景に素敵なアニメーション壁紙を設定してください。

ライブ背景 のプロジェクト画像
スター
9
フォーク
0
最終プッシュ(UTC)
2026/07/15
プロジェクト状態
公開中

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

Welcome to Live Background 👋

Version License: MIT 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

  1. Christmas
  1. Happy New Year

happy

  1. Change Particle Count

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

  1. Change Particle's velocity

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

  1. Change Particle's min/max size

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

Usage

  1. Add LiveBackgroundWidget() where you want
import 'package:live_background/live_background.dart';

Stack(children: [LiveBackgroundWidget(), AnyWidget()])
  1. 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
)
  1. 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

Copyright © 2020 Bansook Nam.

This project is MIT licensed.


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

BansookNam GitHub avatar
GitHub 作者

BansookNam ↗

言語DartRubySwiftKotlinObjective-C

このリポジトリが公開するパッケージ

使用している依存関係

依存関係一覧 3 件

  • flutter{"sdk":"flutter"}
  • flutter_test開発用{"sdk":"flutter"}
  • flutter_lints開発用^6.0.0

プロジェクトに合うリポジトリを選ぶには?

用途で絞り込み、開発状況を比較し、採用前に元のリポジトリで要件を確認しましょう。

  1. 名前・作者・説明で検索し、技術トピックで絞り込みます。
  2. スター、フォーク、最近のプッシュを比較します。スターは関心の目安であり、品質の保証ではありません。
  3. 利用前に GitHub で README、ライセンス、Issues を確認します。

情報源と管理

“A repository is the most basic element of GitHub.”

GitHub Docs — About repositories ↗