Avant de configurer votre campagne, il vous faudra avoir créé les différents éléments graphiques nécessaires.
Pour commencer, veuillez consulter cette page qui vous donnera accès à toutes les informations essentielles pour la création graphique de votre campagne: Réaliser le graphisme de vos jeux.
Retrouvez ci-dessous l'ensemble des informations nécessaires à l'adaptation graphique de la Jauge Sociale.
Avant de commencer
Pour la production de graphismes diffusés via Adictiz Box, nous recommandons de travailler avec :
Une résolution de 72dpi
Un espace de travail RVB
Le profil colorimétrique sRGB IEC61966-2.1
Visuels de la Jauge
La jauge est composée de deux visuels distincts :
Jauge pleine
Jauge vide
Taille : libre
Poids max : 10Mo
Les visuels sont complètement personnalisables graphiquement.
Vous pouvez choisir l’orientation de l’animation de remplissage lors de l’intégration : vers le haut, vers le bas, vers la gauche ou vers la droite.
Exemple de rendu - animation vers la droite
Le visuel de la jauge pleine se superpose automatiquement par dessus celui de la jauge vide, ils doivent donc faire les mêmes dimensions.
La jauge est redimensionnable indépendamment dans la version desktop et mobile de l’écran.
Voir les options d'apparence de la Jauge dans cet article.
Les paliers
Paliers Automatiques
Des paliers peuvent être générés automatiquement dans l'éditeur.
Vous pouvez définir le positionnement des paliers, soit sur la gauche, soit sur la droite puis choisir une couleur unique pour les lignes et les chiffres des paliers :
Exemple de rendu - animation vers la droite + affichage des 3 paliers automatiques :
✍️ Recommandations :
Pour améliorer la lisibilité des paliers de votre jauge, nous vous conseillons de laisser un espace vide d’environ 20 pixels là où se placeront les paliers pour qu’ils ne se superposent pas sur le visuel de la jauge.
Paliers Manuels
Vous pouvez ajouter manuellement les paliers, cela permettant d’intégrer des textes plus détaillés sur le fonctionnement de la jauge.
Les lignes de séparation des paliers doivent être incluses dans l'arrière-plan de l’écran.
Les textes explicatifs peuvent être soit inclus dans le background soit ajoutés lors de l’intégration grâce à des blocs de textes.
Pour placer vos paliers correctement nous vous conseillons de faire une capture d’écran du placement des paliers automatiques et d’aligner vos paliers à ceux-ci.
Exemples
