Avant de commencer
La plateforme Adictiz Box s’adapte à tous les écrans et vous permet de personnaliser vos campagnes à 100 %. Pour garantir une expérience optimale, créez des écrans séparés pour desktop et mobile.
Largeur de l'arrière-plan et largeur de la vue
Il est important de distinguer la largeur de l'arrière-plan de la largeur de la vue :
Largeur de l'arrière-plan : il s'agit de la taille de l'image importée dans l'onglet "arrière-plan" de la plateforme. Cette dimension détermine l'étendue totale de l'arrière-plan visible.
Largeur de la vue (ou coeur de jeu) : c'est la taille de la zone de jeu dans laquelle l'utilisateur peut interagir et où les éléments importants doivent être positionnés. Cette zone est clairement délimitée en pointillés dans l'éditeur de campagne.
Écrans Desktop (web)
Création des écrans desktop HD
Le principe de l’upload HD consiste à importer une image dont les dimensions sont doublées par rapport à la taille d’affichage souhaitée, afin d’assurer une qualité optimale sur les écrans haute densité (Retina, 4K, etc.).
Pour les écrans desktop, l’arrière-plan doit être créé en 3800 px de large. Le cœur de jeu (zone contenant les éléments essentiels) doit mesurer 2400 px de large.
La hauteur de l’arrière-plan est libre, mais il est conseillé de ne pas dépasser 1800 px afin de limiter le défilement vertical.
💡 La ligne de flottaison (zone visible sans scroll) est fixée à 1300 px sur un écran d’ordinateur portable de 13 pouces.
Vous pouvez choisir une couleur unie pour le background global de la page web qui entourera votre fond desktop lors de la configuration. Pour cela, indiquez le code couleur Hexadecimal dans la partie "Couleur de fond".
Mise en situation d’un fond desktop HD étendu dans un fond uni
Création des écrans desktop non HD
Nous conseillons désormais de créer les arrière-plans en HD pour garantir une meilleure qualité d’affichage sur tous les écrans haute densité (Retina, 4K, etc.) mais vous pouvez toutefois uploader des écrans non HD.
Voici leurs spécifications :
Largeur : 1900 px, avec un cœur de jeu de 1200 px pour les éléments essentiels.
Hauteur : libre, mais il est recommandé de ne pas dépasser 900 px pour limiter le défilement vertical.
Ligne de flottaison (zone visible sans scroll) : 650 px.
Vous pouvez choisir une couleur unie pour le background global qui entourera votre arrière-plan desktop lors de la configuration.
Écrans mobiles
La largeur des écrans mobile à produire est de 640 px
La hauteur des écrans mobile est libre et varie d’un écran à l’autre en fonction du contenu (960px recommandé).
La ligne de flottaison est fixée à 960px
Vous pouvez sélectionner une couleur unie pour le fond global, qui apparaîtra sous le fond mobile pour remplir l'espace vide et s'adapter à toutes les résolutions de téléphone.
Exportation pour intégration
En ce qui concerne l'exportation pour intégration dans la plateforme, vous devez :
Exporter un fond par écran de jeu desktop.
Ils ne doivent pas contenir d'éléments dynamiques qui seront intégrés par-dessus lors de la configuration de la campagne sous Adictiz Box.
Les fonds (Desktop & Mobile) doivent donc être exportés : SANS les éléments dynamiques intégrés (Bouton - Formulaire - Mécanique de jeu - Classement - Slideshow...)
Les fonds mobile doivent être rognés en hauteur si besoin pour éviter un scroll inutile.
Méthode d’exportation (voir section)