Passer au contenu principal

Création graphique du Flappy 🕊️

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

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 ?