Passer au contenu principal

Création graphique du Flappy 🕊️

Créer les éléments graphiques (assets) de la mécanique de jeu Flappy

Mis à jour il y a plus d'un mois

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.

Dans cet article, nous vous expliquons comment créer les éléments graphiques liés à la mécanique de jeu Flappy. Ces éléments sont personnalisables et doivent être importés dans l'onglet Apparence de votre page de jeu.


Avant de commencer

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.


Nos recommandations

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


Eléments à produire pour le Flappy

  • Pas d’image de fond mobile à produire car le jeu est en full screen. C’est le fond de jeu desktop qui s’affiche pour la version mobile mais il est resizé à 60% et croppé sur les côtés.

  • Visuel du fond de jeu au format .jpeg ou .png : 810px*650px - Les bords gauches et droits du visuel de fond de jeu doivent correspondre pour pouvoir être répétés dans la largeur sans que l’on ne voit de coupure.

  • Visuel du héro au format .png : 50 à 150px max*20 à 120px max

  • Visuel du nuage au format .png (optionnel) : 50 à 150px max*50 à 100 px max

  • Visuel du sol au format .png : 810px*60px

  • Visuel des obstacles au format .png : 50 à 150px max*400px min, le visuel ne doit pas comporter plus de 30% de zone transparente

  • Visuel des bonus au format .png (optionnel) : 30px*30px



Synthèse


Exemples de rendu

Visuel du sol

Lien du rendu : Flappy

Avez-vous trouvé la réponse à votre question ?