Dans cet article, nous vous expliquons comment créer les éléments graphiques liés à la mécanique de jeu Rattrape-Tout. Ces éléments sont personnalisables et doivent être importés dans l'onglet Apparence de votre page de jeu.
Vous pouvez télécharger le fichier Photoshop (.psd) regroupant tous les éléments graphiques. Nous vous expliquons également comment modifier facilement chaque élément. Si vous le souhaitez, il est possible d’utiliser d’autres logiciels (Canva, Figma, etc.) pour créer vos propres éléments graphiques, à condition de respecter les dimensions indiquées ci-dessous.
Avant de commencer
Fichier Photoshop
Le template Photoshop contient deux plans de travail :
Vue Desktop : c’est ici que vous pouvez modifier tous les éléments de la mécanique de jeu.
Vue Mobile : elle sert uniquement à prévisualiser le rendu sur un appareil mobile (ne pas modifier directement).
Tous les éléments personnalisables se trouvent dans le groupe de calques bleu nommé MODIFY / EXPORT. Ce groupe contient 6 calques, chacun étant un objet dynamique : double-cliquez dessus pour l’ouvrir et le modifier.
Arrière-plan et fond de jeu
La mécanique de jeu est intégrée par-dessus l’arrière-plan de votre page. Vous pouvez prévoir un espace dédié à la mécanique du jeu dans votre arrière-plan.
Variables
Si vous souhaitez afficher des variables sur votre page, comme le temps restant ou le score du participant, pensez à prévoir un espace dédié dans votre conception graphique pour ces éléments.
Fond de jeu
Le visuel du fond du jeu est complètement personnalisable graphiquement.
Taille : 810 x 650 px
Visuel Rattrape-Tout
La taille du visuel est libre mais elle doit être proportionnelle aux visuels à éviter et à rattraper et ne pas excéder 200px de large pour ne pas empêcher l’évitement des malus.
Taille libre
Taille recommandée : de 100/200 px x 100/200 px
Le visuel du Rattrape-Tout se place automatiquement à 10px au dessus du bas du fond de jeu :
Éléments à rattraper
Vous pouvez créer jusqu'à 6 visuels distincts pour les bonus. Chaque visuel se verra attribuer automatiquement un nombre de points allant de +10 à +60 en fonction du nombre de visuels créés. La taille des visuels est libre mais elle doit être proportionnelle au visuel du rattrape tout.
Taille libre
Taille recommandée : de 50/150 px x 50/150 px
Éléments à éviter
Vous pouvez créer jusqu'à 6 visuels distincts pour les malus. Chaque visuel se verra attribuer automatiquement un nombre de points allant de -10 à -60 en fonction du nombre de visuels créés. La taille des visuels est libre mais elle doit être proportionnelle au visuel du rattrape-tout.
Taille libre
Taille recommandée : de 50/150 px x 50/150 px
Exportation
Sélectionnez les calques
Cliquez droit sur l’un d’eux et sélectionnez Exporter sous…
Sélectionnez les paramètres suivants dans la popin d’exportation :
Format : PNG
Transparence : activée
Convertir en sRVB : activé
Incorporer le profil couleur : activé
Cliquez sur le bouton Tout exporter… et sélectionnez le dossier de destination “Assets - Rattrape Tout” de votre répertoire de Rendu.
Cette méthode rogne automatiquement l’espace vide autour des assets.
Quelle est la suite ?
Une fois vos éléments graphiques créés et optimisés selon les formats recommandés, il ne vous reste plus qu’à les importer dans la section Apparence. Vous pourrez ensuite passer à la configuration de votre campagne, afin d’ajuster les paramètres et finaliser sa mise en ligne.
Exemples