Ambient Website Background Clouds
background-clouds crée une banque de nuages animés low-poly légère et réactive, rendue dans un seul élément canvas sans dépendances d'exécution et qui suspend l'animation si l'utilisateur préfère une réduction des mouvements. Il s'installe via npm et s'utilise en important createCloudBackground et en lui passant un canvas existant ainsi que des options comme seed, speed et opacity. La fonction retourne un contrôleur avec des méthodes de cycle de vie utiles pour les applications monopage, notamment start(), stop(), resize(), setSeed(seed) et destroy(). Les options comprennent seed (chaîne ou nombre pour une disposition déterministe), speed et opacity avec des valeurs par défaut à 1, pixelRatio par défaut à 2 et reducedMotion pour surcharger la préférence d'accessibilité. La bibliothèque ne gère que les pixels du canvas, donc l'élément doit exister avant l'appel et son positionnement, son ordre d'empilement et sa couleur de fond doivent être définis via le CSS du site.