Ajoutez des blobs fantaisie à vos applications flottantes

Ajoutez des blobs fantaisie à vos applications flottantes. Vous pouvez maintenant imaginer de nombreuses utilisations de blobs dans votre application (bouton, chargeur, arrière-plan…).

Fonctionnalités

• mise en page blob
• bouton blob
• personnalisez votre blob comme vous le souhaitez

Feuille de route

• améliorer la documentation
• migrer shader vers umbra
• shader : attendez la prise en charge de flutter glsl int/array
• shader : attendez la prise en charge de la sortie flutter glsl
• shader : créer une version dégradée
• bouton : ajouter des effets push
• bouton : fournir une méthode personnalisée pour permettre à l’utilisateur de créer ses propres effets push

Commencer

installer le flutter_blob forfait.

Usage

Disposition

BlobLayout.from(
    blobs: myBlobsList,
    blobsColor: Colors.blue,
)

ou en utilisant la fonction builder (recommandé)

BlobLayout.builder(
    builder: (Size areaSize) => [
        RotatingParticle.random(area),
        RotatingParticle.random(area),
        RotatingParticle.random(area),
        RotatingParticle.random(area),
        RotatingParticle.random(area),
        RotatingParticle.random(area),
        RotatingParticle.random(area),
        RotatingParticle.random(area),
    ],
    blobsColor: Colors.blue,
)

Vous devez fournir exactement 8 blob Ceci est dû à une limitation actuelle du support du flutter shader

Un exemple est disponible dans le dossier example de ce référentiel.

Bouton

Pour l’instant, les boutons ne prennent en charge que l’icône.

BlobButton.bouncing(
    onTap: () => print("do w/e you want"),
    backgroundColor: Colors.amber[900],
    icon: Icon(
        Icons.add,
        color: Colors.white,
        size: 32,
    ),
)

Vous devez fournir exactement 8 blob Ceci est dû à une limitation actuelle du support du flutter shader

Un exemple est disponible dans le dossier example de ce référentiel.

Personnaliser

Le blob est généré à l’aide de plusieurs particules qui s’attirent les unes les autres. Un shader calcule l’énergie entre ces particules pour chaque pixel d’une toile.

Vous pouvez personnaliser vos effets blob en combinant 8 particules.

Il y a 3 types de particules disponibles dans ce package (n’hésitez pas à créer la vôtre ou à en suggérer 👍)

• Particule de base
  (va au hasard dans un sens et lorsque vous touchez une bordure, rebondissez de l’autre côté)
• Particule éjectée
  (Généré au centre et s’éteint de manière aléatoire. Une fois qu’il touche une bordure, il est à nouveau généré au centre)
• RotationParticule
  (déplacer au hasard en cercle autour du centre.)

Comment ça fonctionne

// Bientôt disponible

Informations Complémentaires

• 👌 contributions ou idées acceptées
• 🤝 J’ai créé ce package pour apprendre le fonctionnement des shaders. Je suis toujours ouvert pour apprendre de nouvelles choses. N’hésitez pas à suggérer des améliorations, j’adore ça.

Social

Vous pouvez me joindre sur :
@mcflyDev sur Twitter

GitHub

Voir Github