live_background

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

LiveBackground é um pacote Flutter que adiciona efeitos dinâmicos e móveis de partículas bokeh ao fundo do seu aplicativo, criando uma experiência visualmente envolvente e imersiva. Ele utiliza animações suaves e gradientes personalizáveis para simular profundidade e movimento, ideal para interfaces modernas. O pacote oferece suporte a múltiplas plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux, garantindo desempenho consistente em dispositivos diferentes. Com configuração mínima por meio do comando pub, os desenvolvedores podem integrar facilmente fundos realistas às suas aplicações.

Casos de uso

Criando telas de inicialização imersivas
Melhorando visuais do painel
Adicionando profundidade às páginas de destino
Criando experiências animadas de onboarding
Melhorar o apelo estético do aplicativo

Principais recursos

Movimento de partículas em tempo real
intensidade de bokeh personalizável
Compatibilidade multiplataforma
Transições suaves de gradiente
Leve e eficiente
Integração fácil com widgets do Flutter

Indicado para

Designers de UI em busca de charme visual
Desenvolvedores de aplicativos móveis ou web modernos
Aplicativos que exigem animações de fundo envolventes
Experiências digitais criativas
Prototipagem de interfaces interativas

Considerações

Pode afetar o desempenho em dispositivos de baixa gama
Requer ajuste cuidadoso para taxas de quadros ótimas
Não recomendado para layouts com muitos conteúdos
Melhor usado com esquemas de cores sutis
Controle limitado sobre partículas individuais

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

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

Buscar pacotes, repositórios e categorias de apps

Instalar pacote