Didacticiel - Outrun 🚘
Simon Dubreucq avatar
Écrit par Simon Dubreucq
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. Le module de jeu Adictiz Box en livre une version adaptĂ©e et complĂ©tĂ©e, avec notamment plusieurs environnements de course (terrestre, aquatique ou aĂ©rien), plusieurs vitesses de dĂ©filement de la piste, et de nombreuses options, dont "Son & Animations".

Il s'agit donc d'un module particuliÚrement engageant, qui maximisera le temps d'exposition de vos audiences à votre univers de marque et les incitera à revenir réguliÚrement sur votre campagne pour améliorer leur score.

Design du jeu

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.

Vous trouverez tous les éléments en téléchargement pour votre module (dimensions standard) dans notre pack incluant un PSD aux dimensions standards et un manuel pour la création des graphismes (pour les 3 modes de jeux) :

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 Outrun.

Vous vous retrouvez ensuite dans l'éditeur de la campagne intégrant les 4 étapes de cette mécanique : Formulaire, Outrun, une page Résultat et une page de fin de campagne. Si vous le souhaitez, vous pouvez ajouter une page d'accueil et/ou une page de teasing.

N'oubliez pas de configurer vos paramÚtres de campagne dÚs à présent, en indiquant notamment les dates de la campagne 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 (premiĂšre partie)

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 de dĂ©sactiver l'option Participation limitĂ©e afin d'inciter l'utilisateur Ă  revenir sur votre campagne rĂ©guliĂšrement. L'utilisateur peut par exemple ĂȘtre invitĂ© Ă  rejouer autant que souhaitĂ© pour amĂ©liorer son score et tenter de faire partie de 100 meilleurs joueurs avant la fin de la campagne.

Mode de jeu : vous devez définir quel type d'environnement de jeu vous souhaitez pour votre campagne parmi les 3 suivants - les paramÚtres généraux de jeu seront identiques pour tous ces modes, seul le rendu visuel changera :

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 : vous pouvez moduler la vitesse de votre jeu afin de paramétrer au mieux la difficulté et le rendu visuel. Par exemple, un mode "Lent" conviendra à un parcours du type "terrestre" avec un visuel de trottinette, tandis qu'un mode "Rapide" sera plus adapté à un visuel de voiture de course.

Nombre de voies : choisissez le nombre de voies possibles pour l'utilisateur. Cela influe sur la largeur de votre parcours et les possibilitĂ©s d'Ă©viter les obstacles : si vous avez trois voies, l’utilisateur pourra se dĂ©placer d'une voie vers la gauche et d'une vers la droite, ce qui restreint ses options. Si vous ne savez pas quelle option choisir, nous vous recommandons trois voies.

Largeur d'une voie : définissez la largeur de vos voies, par exemple pour les adapter à vos obstacles - les mesures sont indiquées en pixels. Si vous ne savez pas quelle option choisir, nous vous 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.

Sans le mouvement de caméra

Avec le mouvement de caméra

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.

ParamĂštres du jeu (deuxiĂšme partie)

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 : SĂ©lectionnez “Afficher la page de rĂ©sultat” afin que les utilisateurs dĂ©couvrent s’ils ont gagnĂ© ou non. Vous pouvez choisir entre "Score seulement" (par exemple pour afficher un classement global et/ou annoncer un tirage au sort) et "Score Ă  atteindre" (voir l'article dĂ©diĂ© pour plus d'information sur ce type de rĂ©sultat).

Personnalisation de l'apparence

Cliquez sur l'image pour zoomer

Véhicule : importez le visuel de votre véhicule - faites attention à ne pas le faire trop haut pour garder une certaine visibilité sur le parcours devant lui.

Véhicule tournant à gauche / Véhicule tournant à droite : vous pouvez choisir d'ajouter des visuels du véhicule lorsqu'il tourne de chaque cÎté afin d'ajouter du dynamisme et du réalisme à votre jeu.

Horizon : c'est le visuel qui viendra s'installer au dessus de votre piste et simulera l'horizon que cherche Ă  atteindre l'utilisateur.

Ligne d'arrivée : c'est le visuel qui viendra signifier la distance à atteindre avant la fin du chrono (visuel obligatoire).

Musique d'ambiance : voir le paragraphe "Son et animations du véhicule".

Si vous avez activé les options Bonus "Bouclier" et/ou "Malus "Perte de contrÎle", vous pouvez importer leurs visuels. Pour les bonus, vous pourrez uploader plusieurs visuels différents pour mettre en avant une plus grande variété de produits / 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.

Afin d'affirmer l'identité de votre marque sur le parcours, vous pouvez aussi choisir la couleur des éléments suivants :

En cliquant sur “Option 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.

Son et animations du véhicule

Si vous bĂ©nĂ©ficiez d'un compte 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).

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.

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 pour le module Outrun

Exemples de campagnes Outrun

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

Aviva médiatise son entité Eurofil et la diversité de ses services d'assurance par la biais d'un Outrun mettant en scÚne un particulier en hoverboard : l'utilisateur doit ainsi parcourir la plus longue distance en attrapant les bonus Eurofil et en évitant les obstacles du quotidien en milieu urbain.

Orange TV médiatise sa diffusion de la mini-série "La Guerre des As" consacrée aux pilotes d'exception de la premiÚre guerre mondiale, via un Outrun scénarisé : aux commandes d'un avion, l'utilisateur doit parcourir la plus longue distance en évitant les bombes & en attrapant le plus de bonus de navigation.

Carrefour mĂ©diatise ses actions RSE pour une pĂȘche plus durable via un Outrun scĂ©narisĂ© : les utilisateurs doivent diriger un bateau de pĂȘche, en attrapant certains poissons, et en Ă©vitant les espĂšces les plus sensibles.

Total Belgique met en avant ses produits Proxi Fuel pour les professionnels à l'occasion de la saison hivernale via un Outrun scénarisé : l'utilisateur doit conduire un camion brandé Proxi Fuel, en attrapant toutes les gouttes de carburant & en évitant les obstacles.

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