Articles sur : Blocs Celestory
Cet article est aussi disponible en :

🟦 Image de Fond

🟦 Image de Fond



Le bloc Image de Fond permet de modifier dynamiquement l'arrière-plan de votre application avec des effets d'animation personnalisables.


Ce bloc est idéal pour créer des transitions visuelles fluides entre différents décors ou pour adapter l'ambiance graphique en fonction du contexte utilisateur.


📥 Entrées


  • background (Image) : L'image à afficher en arrière-plan. Elle s'adapte automatiquement à la taille de l'écran en mode « contain » et permet de configurer la couleur de fond, la répétition (mosaïque ou unique) et la position.
  • duration (Nombre) : Durée de l'animation de transition en secondes (par défaut 0 pour un changement immédiat).
  • inEffect (Choix) : Effet d'apparition de la nouvelle image (options : Aucun, Zoom, Dézoom, Fondu, Glissement).
  • outEffect (Choix) : Effet de disparition de l'ancienne image.
  • text (Texte) : Texte optionnel à afficher par-dessus l'arrière-plan.
  • textPosition (Choix) : Position du texte (Gauche, Droite, Centre - par défaut Droite).


📤 Sorties


  • out (Flux) : Flux de sortie permettant de poursuivre le parcours après le changement d'arrière-plan.


💡 Exemple d'utilisation


Scénario : Changement d'ambiance pour une scène nocturne


  1. L'utilisateur termine une séquence de jour dans une application de méditation.
  2. Le flux arrive sur le bloc Image de Fond pour préparer la transition vers la nuit.
  3. Le bloc est configuré avec :
  • Une image de ciel étoilé en background
  • Un inEffect en Fondu et un outEffect en Glissement
  • Une duration de 1,5 secondes
  • Un texte "Bonne nuit" en text positionné à Centre
  1. Le bloc applique la transition animée entre les deux arrière-plans.
  2. Le flux out dirige vers la séquence de méditation nocturne.


⚙️ Détails Techniques

  • Ancien nom : Fond / Switch Background
  • Gestion des animations : Les effets sont appliqués simultanément sur l'ancienne et la nouvelle image pour une transition fluide.
  • Compatibilité : Fonctionne avec tous les formats d'image standard (JPG, PNG, SVG) et s'adapte aux différentes résolutions d'écran.

Mis à jour le : 04/03/2026

Cet article a-t-il répondu à vos questions ?

Partagez vos commentaires

Annuler

Merci !