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

live_background のカバー
パッケージ詳細v0.1.3

live_background

背景に美しい動きのあるパーティクルボケ効果の壁紙を提供します。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
31
いいね数
40
Pub ポイント
150

パッケージをインストール

flutter pub add live_background

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

LiveBackground は、Flutter パッケージで、アプリの背景にダイナミックで動きのある粒子ボケ効果を追加し、視覚的に魅力的で没入感のある体験を提供します。滑らかなアニメーションとカスタマイズ可能なグラデーションを使用して、奥行きと動きを再現し、モダンな UI に最適です。このパッケージは Android、iOS、Web、macOS、Windows、Linux など複数のプラットフォームをサポートしており、デバイス間で一貫したパフォーマンスを確保します。pub コマンドによる最小限のセットアップで、開発者は簡単にリアルな背景をアプリに統合できます。

用途

  • 没入型のスプラッシュスクリーンを作成する
  • ダッシュボードのビジュアルを強化する
  • ランディングページに深みを加える
  • アニメーション付きオンボーディング体験の設計
  • アプリの美的魅力の向上

主な機能

  • リアルタイムでの粒子移動
  • カスタマイズ可能なボケの強さ
  • クロスプラットフォーム互換性
  • スムーズなグラデーションの遷移
  • 軽量でパフォーマンスに優れる
  • Flutter ウィジェットとの簡単な統合

適している対象

  • 視覚的な魅力を求めるUIデザイナー
  • 現代のモバイルまたはウェブアプリを開発する開発者
  • 魅力的な背景アニメーションを必要とするアプリ
  • クリエイティブなデジタル体験
  • インタラクティブなインターフェースのプロトタイピング

注意事項

  • 低性能デバイスでのパフォーマンスに影響を与える可能性があります
  • 最適なフレームレートを得るためには注意深い調整が必要です
  • コンテンツが豊富なレイアウトには推奨されません
  • 繊細なカラースキームと組み合わせて使用するのが最適です
  • 個々の粒子に対する制御が限られている

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

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

カテゴリー

ソースリポジトリ

このパッケージを使用しているプロジェクト

データはまだありません。