Passer au contenu principal

Didacticiel - Outrun 🚘

Mis à jour il y a plus d’une semaine

Description

La mĂ©canique de l’Outrun est inspirĂ©e du cĂ©lĂšbre jeu d'arcade automobile du mĂȘme nom, consistant Ă  dĂ©placer un vĂ©hicule de voie en voie, pour Ă©viter des obstacles mouvants. L'utilisateur doit parcourir la plus longue distance possible et rĂ©aliser le meilleur score, dans un temps imparti fixe.

Cette mécanique est idéale pour maximiser l'engagement de vos audiences. Il favorise le temps d'exposition à votre marque et incite les utilisateurs à revenir pour améliorer leur score.


Préparer les éléments graphiques

Avant de configurer votre campagne, préparez tous les visuels nécessaires.

  • TĂ©lĂ©chargez le packs graphique contenant :

    • Un pack PSD (dimensions standards)

    • Les notices graphiques pour les 3 modes de jeu

💡 Astuce : prĂ©voyez des espaces pour les variables de jeu sur le fond d’écran.


Configuration

Cliquez sur l'onglet Configuration pour ouvrir les réglages du jeu.

  • Nombre de participations (si "Participation limitĂ©e" est activĂ©e) : dĂ©finissez un maximum de participations par jour, semaine, mois ou campagne, puis associez une page « DĂ©jĂ  jouĂ© » oĂč l’utilisateur sera redirigĂ© une fois la limite atteinte. Nous recommandons de laisser l’option dĂ©sactivĂ©e pour encourager les utilisateurs Ă  rejouer librement, amĂ©liorer leur score et tenter d’entrer dans le top 100.

  • Mode de jeu :

Terrestre

Tout véhicule ou personnage sur piste : cycliste, animal, voiture de course etc.

Aquatique

Tout véhicule, personnage sur l'eau : nageur, jetski, bateaux etc.

Aérien

Tout véhicule, personnage dans les airs : parapente, oiseau, avion etc.

  • Vitesse du jeu : ajustez la vitesse pour adapter la difficultĂ© et le rendu visuel. Par exemple, un mode Lent convient Ă  un parcours « terrestre » (trottinette), tandis qu’un mode Rapide s’adapte mieux Ă  un visuel de voiture de course.

  • Nombre de voies : dĂ©finissez le nombre de voies disponibles pour l’utilisateur, ce qui influence la largeur du parcours et les options pour Ă©viter les obstacles. Par exemple, avec trois voies, l’utilisateur peut se dĂ©placer d’une voie Ă  gauche ou Ă  droite, limitant lĂ©gĂšrement ses choix. Si vous hĂ©sitez, nous recommandons trois voies.

  • Largeur d’une voie : dĂ©finissez la largeur des voies (en pixels) pour l’adapter Ă  vos obstacles. Si vous hĂ©sitez, nous recommandons 300 pixels.

  • Activer le vallonnement de la piste : vous pouvez activer cette option si vous voulez donner un rendu non linĂ©aire de la piste. L'utilisateur aura l'impression:

    • D'ĂȘtre sur une piste vallonnĂ©e en mode "terrestre"

    • De naviguer au creux de la vague en mode "aquatique"

    • D'avoir un effet de courant aĂ©rien en mode "aĂ©rien"

  • Activer le mouvement de camĂ©ra : cette option permet de marquer de façon plus claire le vallonnement en faisant bouger la camĂ©ra derriĂšre le vĂ©hicule. Elle est liĂ©e au vallonnement de la piste, et ne peut ĂȘtre activĂ© que si cette option est Ă©galement activĂ©e.

  • Activer les virages : donnez un peu de dynamisme Ă  votre parcours en activant les virages. Pour les modes "aĂ©rien" et "aquatique", l'effet sera plus lĂ©ger qu'en mode "terrestre" afin de simuler des conditions rĂ©elles de vol et de navigation.

  • Activer les sauts / loopings : l'utilisateur pourra sauter par dessus les obstacles avec un vĂ©hicule terrestre / aquatique, ou faire des loopings avec un vĂ©hicule aĂ©rien en appuyant sur la flĂšche du haut de son clavier ou en appuyant sur le bouton "haut" de l'Ă©cran de jeu mobile.

  • DĂ©placement des obstacles : permet d'activer le fait que les obstacles vont se dĂ©placer sur la route. Leur vitesse correspondra alors Ă  la moitiĂ© de celle de l'utilisateur. Cela créé le sentiment de rouler au milieu du trafic - cette option est donc particuliĂšrement recommandĂ©e si les obstacles sont des vĂ©hicules ou des personnages.

  • Temps (en secondes) : DĂ©termine le temps imparti Ă  l'utilisateur pour atteindre la ligne d'arrivĂ©e, ce qui mettra fin Ă  sa partie et lui fera bĂ©nĂ©ficier d'un bonus de points.

  • Activer le bonus "Bouclier" : sert Ă  Ă©viter un obstacle en rendant le vĂ©hicule provisoirement invincible si ramassĂ© (le vĂ©hicule aura lors un halo clignotant signifiant son invincibilitĂ©).

  • Activer le bonus "Points" : sert Ă  ajouter des points Ă  l'utilisateur lorsqu’il le rĂ©colte. Ils rapportent dans l'ordre de l'upload de gauche Ă  droite 500, 1000, 1500 et 2000 points :

  • Activer le malus "Perte de contrĂŽle" : fait ralentir le vĂ©hicule du joueur s’il tombe dessus.

  • Afficher la page de rĂ©sultat : activez cette option pour montrer aux utilisateurs s’ils ont gagnĂ©. Choisissez entre Score seulement (classement ou tirage au sort) et Score Ă  atteindre.


Apparence

Cliquez sur l'onglet Apparence pour modifier les graphismes du jeu.

  • VĂ©hicule : importez le visuel de votre vĂ©hicule en veillant Ă  ce qu’il ne soit pas trop haut, afin de conserver une bonne visibilitĂ© du parcours.

  • VĂ©hicule tournant Ă  gauche / Ă  droite : ajoutez des visuels du vĂ©hicule en virage pour rendre le jeu plus dynamique et rĂ©aliste.

  • Horizon : visuel placĂ© au-dessus de la piste pour simuler l’horizon vers lequel l’utilisateur se dirige.

  • Ligne d’arrivĂ©e : visuel indiquant la distance Ă  parcourir avant la fin du chrono (obligatoire).

  • Musique d’ambiance : voir le paragraphe Son et animations du vĂ©hicule.
    ​

  • Si vous avez activĂ© les bonus Bouclier ou le malus Perte de contrĂŽle, vous pouvez importer leurs visuels. Pour les bonus, il est possible d’uploader plusieurs visuels afin de varier les produits ou services de votre univers de marque.

  • Obstacles sur la route : vous pouvez importer jusqu'Ă  4 visuels d'obstacles diffĂ©rents.

  • DĂ©cor(s) des bords de piste / DĂ©cor(s) latĂ©raux : vous pouvez importer jusqu'Ă  4 visuels de dĂ©cors diffĂ©rents et rĂ©gler leur densitĂ©. Vous pouvez aussi diffĂ©rencier les dĂ©cors de chaque bord afin de donner plus de vie au dĂ©cor entourant la piste.

Pour renforcer l’identitĂ© de votre marque, vous pouvez choisir la couleur des Ă©lĂ©ments suivants : ciel, sol, route, bord de route, lignes, barre de temps, repĂšre de la barre de temps et bonus de points.

En cliquant sur Options avancĂ©e, vous pouvez personnaliser le texte qui s’affiche en dĂ©but et fin de partie, ainsi que l'apparence de la barre de chargement du jeu.


Son et animations đŸȘ„

Si vous bĂ©nĂ©ficiez d'une licence Pro, les visuels du vĂ©hicule peuvent ĂȘtre animĂ©s afin de crĂ©er une illusion de mouvement.

Cliquez sur l'icÎne correspondante aux animations et importez vos visuels d'animation du véhicule. Un écran de prévisualisation vous permettra de vérifier votre installation et changer la vitesse de l'animation au besoin pour l'adapter au mieux à votre zone de jeu. Vous pouvez aussi importer un son pour illustrer le bruit du véhicule dans les différentes situations (normal, virage à gauche, virage à droite) et animer vos éléments bonus et/ou malus. Il est aussi possible d'ajouter une bande son qui sera diffusée pendant la course (MP3 ou MPEG - 1MB max).


Éditer le jeu

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.


Version mobile

Une fois votre campagne Desktop configurée, passez en vue Mobile afin d'importer les images de fond et de mettre en forme vos différentes pages pour ce support.


Publication et test de la campagne

Lorsque les versions Desktop et Mobile sont finalisées, vous pouvez prévisualiser votre campagne pour la tester. Pour connaitre les choses indispensables à vérifier, consultez cet article. Une fois que vos tests sont terminés, vous pouvez publier votre campagne sur votre domaine personnalisé et la diffuser auprÚs de votre audience.

IcĂŽne de piĂšce jointe
Avez-vous trouvé la réponse à votre question ?