Didacticiel - Tiny Wings
Simon Dubreucq avatar
Écrit par Simon Dubreucq
Mis à jour il y a plus d’une semaine

Description

Le Tiny Wings est une mécanique à score inspirée de l'application de jeu du même nom, lancée en 2011 sur iOS et ayant rencontré l'un des plus grand succès en nombre de téléchargements. La mécanique s'apparente à un jeu de vitesse & d'adresse : l'utilisateur doit parcourir un décor vallonné en allant le plus vite et loin possible, en accélérant dans les descentes, et au contraire, en ralentissant dans les montées. En outre, de nombreuses options vous permettront de mettre en avant vos produits & services et d'adapter la personnalisation du module à votre univers de marque (sons & animations, sauts, loopings, visuels bonus, obstacles etc.). Cette mécanique répond parfaitement à vos objectifs d'engagement, en maximisant le temps passé par les utilisateurs sur votre campagne et leur nombre de parties.

Design du jeu

Avant de configurer votre campagne, assurez-vous d'avoir créé les éléments graphiques nécessaires. Pour les ressources de création, consultez notre page dédiée, où vous trouverez un pack téléchargeable comprenant un PSD aux dimensions standard et un guide graphique.

Si vous souhaitez inclure des variables de jeu sur votre fond d'écran, pensez à leur laisser un espace dans la conception graphique :

Installation des pages

Tout d'abord, cliquez sur Nouvelle campagne puis sélectionnez la mécanique Tiny Wings. Vous vous retrouvez ensuite dans l'éditeur de la campagne intégrant les 4 étapes de cette mécanique : Formulaire, Tiny Wings, la page de Résultat et la page de fin de campagne. Si vous le souhaitez, vous pouvez ajouter une page d'accueil, une page de teasing ou une page d'instructions avant la mécanique de Tiny Wings.

Configurez vos paramètres de campagne dès maintenant en définissant les dates et en important le règlement et la politique de confidentialité.

Installation des fonds d'écrans

Importez vos fonds d'écrans Desktop en cliquant sur l'icône "+" dans Image de fond. Pour connaitre les spécifications graphiques des fonds pour ce module, veuillez vous référer à la partie "Design du jeu" de cet article.

Vous avez aussi la possibilité d'ajouter une couleur de fond unie qui entourera vos pages de jeu. Vous pouvez laisser la couleur de base ou choisir d'uniformiser votre campagne, avec une couleur qui rappelle votre marque ou vos pages de jeu par exemple.

Paramètres du jeu

  • Nombre de participations (si "Participation limitée" est activée): définissez le nombre de participations par jour, semaine, mois ou campagne et par utilisateur, puis créez et sélectionnez votre page Déjà Joué. Si l’utilisateur tente de rejouer, il tombera directement sur cette page. Idéalement, nous recommandons un paramétrage sur 1 participation/jour afin d'inciter l'utilisateur à revenir sur votre campagne régulièrement.

  • Mode de jeu : Il existe 3 modes de jeu sur ce module, qui sont décrits dans le paragraphe suivant.

  • Temps de glisse : définissez le temps maximum de glisse possible, c'est à dire le temps durant lequel votre héros sera en contact avec la piste. Cela influencera la durée de votre jeu.

  • Afficher la page de résultat : Sélectionnez “Afficher la page de résultat” afin que les utilisateurs découvrent s’ils ont gagné ou non. Pour choisir le type de résultat, consultez cette page. En fonction adaptez le nombre de page gagné, perdu et déjà joué.

Description des modes de jeu

Mode Glissade

Le mode glissade est activable en cliquant sur cette icône :

Mode Glissade

Le joueur doit parcourir la plus grande distance en un temps limité. Pour cela, il doit accentuer l'élan du personnage dans les descentes pour gagner en vitesse (en appuyant sur la barre "Espace" du clavier ou en appuyant sur votre écran Mobile).

Mode Flip

Le mode Flip est activable en cliquant sur cette icône :

Mode Flip

Le joueur doit effectuer des flips en l'air avec son véhicule/personnage (en appuyant sur la barre "Espace" du clavier ou en appuyant sur votre écran Mobile) pour gagner des points avant que toute sa "barre de glisse" ne soit écoulée.

Mode Jump

Le mode Jump est activable en cliquant sur cette icône :

Mode Jump

Le joueur avance et doit attraper des bonus dans les airs et éviter les obstacles présents sur le chemin (en appuyant sur la barre "Espace" du clavier ou en appuyant sur votre écran Mobile).

Personnalisation de l'apparence

Le module Tiny Wings est très complet dans la personnalisation de ses éléments. Il dispose notamment d'une option d'ajout de sons et d'animations (à activer auprès de votre Account Manager si vous n'avez pas de compte Pro) faisant de votre campagne de jeu, une véritable expérience de marque engageante pour vos prospects & clients.

Nous pouvons diviser les visuels en 4 parties :

  • Les visuels du héros

  • Les sons et animations du héros

  • Les visuels de décors fixes

  • Les visuels de décors dynamiques

Visuels du héros

Visuel du héros : c'est le visuel de base de votre héros lorsque l'utilisateur joue au jeu.

Visuel du héros (en course) - mode "Glissade" seulement : le mode "Glissade" nécessite que votre héros prenne de l'élan lors des descentes de la piste. Vous pouvez choisir de personnaliser son visuel lors de cette étape afin de renforcer l'immersion de l'utilisateur.

Exemple :

Visuel du héros en saut : c'est le visuel que prendra votre héros lorsqu'il sautera - il gardera cet aspect pendant toute sa durée de "vol".

Son et animations du héros

Si vous bénéficiez d'un compte Adictiz Pro, les visuels du héros peuvent être animés afin de créer une illusion de mouvement. Si l'option sons & animations n'est pas activée sur votre compte, contactez votre account manager.

Cliquez sur l'icône correspondante aux animations et importez vos visuels d'animation du héros.

Bouton

Un écran de prévisualisation vous permettra de vérifier votre installation et changer la vitesse de l'animation au besoin pour l'adapter à la vitesse de défilement de la piste. Vous pouvez aussi importer un son pour illustrer le bruit de la course du héros, ainsi qu'une bande son qui sera diffusée pendant la course (MP3 ou MPEG - 1MB max).

Découvrez le rendu son & animations en vidéo !

Visuels de décors fixes

Visuel du sol : il s'agit du visuel de remplissage de la partie située en dessous de la piste sur laquelle sera votre héros.

Visuel de la piste : il s'agit du visuel de la piste sur laquelle "glissera" votre héros.

Visuel "Score x2" du HUD : importez le visuel qui s'affichera à l'écran lorsque l'utilisateur ramassera un bonus "x2" sur le parcours. Il signifie que le bonus est actif.

Visuel "Score x2" du jeu : ce sera le visuel que l'utilisateur devra attraper pour doubler le score des éléments ramassés par la suite.

⚠️ Cela ne double pas le score total mais bien les éléments ramassés pendant que le bonus est actif.

Son d'ambiance : ceci est une option supplémentaire disponible à partir d'un compte PRO. Uploadez une bande-son de votre choix : l'utilisateur pourra choisir de la jouer ou non pendant son parcours (MP3 ou MPEG - 1MB max).

Visuels de décors dynamiques

Visuels d'arrière-plan : l'arrière-plan global du Tiny Wings est composé de 3 niveaux différents. Vous pouvez décider de n'importer qu'un seul arrière-plan ou alors créer une illusion de vitesse décuplée par l'ajout d'un ou deux arrière-plans en plus. Vous pouvez ensuite les réorganiser sur la barre de configuration.

Si vous installez plusieurs arrières-plans : les bords gauches et droits des visuels d’arrière-plans doivent correspondre pour pouvoir être répétés dans la largeur sans que l’on ne voit de coupure.

Voir la notice graphique pour plus de détails.

Visuel des décors : ce sont les éléments qui serviront à illustrer un peu plus votre parcours, en étant disposé de façon aléatoire le long de la piste.

Visuel des bonus : ce sont les éléments que l'utilisateur devra ramasser pour gagner des points.

Visuel des obstacles - mode "Jump" seulement : ce sont les éléments que l'utilisateur devra éviter, en sautant, sous peine d'être ralenti brièvement dans sa course.

Paramètres d'édition et de prévisualisation du module

En cliquant sur la zone de jeu dans l'éditeur, vous pourrez accéder à la prévisualisation du jeu ainsi qu'à l'édition des dimensions du jeu (pour intégrer au mieux votre jeu dans une application mobile). En savoir plus.

Installation de la partie Mobile

Une fois votre campagne Desktop configurée, il vous faut passer en vue Mobile afin d'importer les fonds dédiés et de mettre en forme vos différentes pages pour ce support. Pour importer des fonds Mobile, suivez la même procédure que pour les fonds Desktop.

Mobile

Publication et test de la campagne

Lorsque les deux versions Desktop et Mobile sont finalisées, vous pouvez lancer la publication de la campagne. N'oubliez pas d'effectuer la vérification de la campagne.

Autres options disponibles

Exemples de campagnes Tiny Wings

Découvrez des exemples de scénarisation du module ci-dessous et dans notre espace Inspiration

Sapresti médiatise ses produits alimentaires au fromage fondu pendant la saison hivernale via un jeu de Tiny Wings illustrant une piste de ski.

Lidl Voyages médiatise son offre Italie via un jeu de Tiny Wings entièrement scénarisé autour de la cuisine italienne : les utilisateurs aident ainsi le pizzaiolo à faire rouler sa pâte à pizza sur un plan de travail, en attrapant les ingrédients qui la composent et en évitant ceux ne faisant pas partie de la recette.

Total Belgique, sponsor du marathon de Bruxelles, médiatise son partenariat via un jeu de Tiny Wings scénarisant la course.

McDonald's médiatise sa période estivale via un jeu de Tiny Wings scénarisé autour de la thème des festivals et parcs d'attraction, donnant visibilité à ses produits utilisés comme assets bonus.

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