Créez votre propre jeu du Runner dans Qualifio !

Dans cet article, nous allons vous guider pas à pas pour créer un jeu du Runner dans Qualifio.

Un jeu du Runner est un jeu à défilement horizontal dans lequel les participants contrôlent un personnage qui avance, évitent les mauvais objets, collectent les bons et essaient d’obtenir le score le plus élevé possible. Selon votre configuration, le jeu peut être basé sur des vies ou sur le temps.

Si vous êtes prêt à créer votre propre jeu du Runner, c’est parti !

Création et configuration de la campagne

Préparez votre campagne

Pour créer un jeu Runner :

1. Ouvrez Qualifio et cliquez sur le bouton Créer une nouvelle campagne
2. Sélectionnez Jeux > Runner
3. Si le participant doit s’inscrire, choisissez le mode identifié. Si aucune inscription n’est requise, sélectionnez anonyme
4. Sélectionnez Créer la campagne

Une fois votre campagne créée, vous pouvez commencer à configurer le jeu.

Choisissez un jeu Runner à personnaliser

À l’étape Jeu, plusieurs jeux prêts à l’emploi sont disponibles pour vous servir de point de départ.

Une fois que vous avez choisi le jeu avec lequel vous souhaitez commencer, sélectionnez Personaliser le jeu.

Remarque : les jeux personnalisés vous permettent de créer et d’enregistrer vos propres modèles de jeux. Pour enregistrer le design et les mécaniques de jeu comme un jeu personnalisé, ouvrez l’éditeur, modifiez votre jeu comme vous le souhaitez, puis cliquez sur Sauvegarder en tant que nouveau jeu.

Commandes du jeu et personnalisation

Vous êtes maintenant dans l’éditeur du jeu, qui se compose de plusieurs onglets. Voyons ensemble les différentes sections et leur utilité.

Layout

L’onglet Layout contient les paramètres visuels génériques de votre jeu Runner.

Arrière-plan en mouvement

L'arrière-plan en mouvement est la couche principale défilante du jeu. Au lieu d’afficher l’image complète d’un seul coup, le jeu n’en montre qu’une partie et la fait défiler en continu de droite à gauche. Cela crée l’illusion que le personnage avance.

Pour que l’effet soit fluide, les bords gauche et droit de l’arrière-plan doivent correspondre. Ainsi, lorsque l’image se répète, les participants ne verront pas de coupure visible entre la fin et le début.

Vitesse de défilement

La vitesse de défilement contrôle la vitesse de défilement de l’arrière-plan. Il se configure en millisecondes.

Ce paramètre influence surtout le ressenti du jeu :

• un arrière-plan plus rapide donne une impression plus intense et énergique
• un arrière-plan plus lent crée une atmosphère plus calme

Arrière-plan statique

Ce paramètre, masqué dans les paramètres avancés, correspond à un arrière-plan optionnel placé derrière l’arrière-plan mobile. Contrairement à ce dernier, il ne défile pas. Il peut être utile pour des éléments comme un ciel, un horizon ou un décor lointain.

Coefficient d’augmentation de la vitesse pour l’arrière-plan en difficulté progressive

Également masqué dans les paramètres avancés. Si vous utilisez le mode de difficulté progressive (expliqué plus loin dans l’onglet Runner), vous pouvez aussi faire accélérer l’arrière-plan au fur et à mesure que le jeu progresse. Cela ne modifie pas directement la logique du gameplay, mais renforce la sensation que le jeu devient plus rapide et plus difficile.

Mode de jeu

L’onglet Mode de jeu définit la manière dont le jeu commence et se termine. Deux modes sont disponibles :

• Mode basé sur la vie : vous définissez le nombre de vies avec lesquelles chaque participant commence. Ce mode est idéal si vous souhaitez que les participants survivent le plus longtemps possible tout en évitant les mauvais objets.
• Mode basé sur le temps : les participants jouent jusqu’à ce que le temps soit écoulé. Ce mode est idéal si vous souhaitez qu’ils récoltent un maximum de points avant la fin du temps imparti.

Runner

L’onglet Runner est l’endroit où vous configurez le personnage jouable et les principaux comportements du gameplay.

Image du personnage principal

Le runner se configure à l’aide d’une image en sprite. Cela signifie que l’image peut être :

• une seule frame statique
• ou plusieurs frames d’animation combinées dans une seule image

Si vous utilisez plusieurs frames, elles doivent être alignées dans la même image et placées les unes à côté des autres afin que le système puisse les découper correctement.

Ensuite, dans Nombre d'images dans le fichier, indiquez combien de frames sont incluses dans ce fichier.

Ratio de la largeur et de la hauteur

Les paramètres ratio de la largeur et ratio de la hauteur contrôlent la taille du runner à l’écran. Ces valeurs définissent l’espace occupé par le personnage par rapport à la zone du jeu.

En règle générale :

• si l’objet est plus haut que large, le redimensionnement est principalement basé sur sa largeur,
• s’il est plus large que haut, le redimensionnement est principalement basé sur sa hauteur

Cela vous permet d’ajuster précisément la présence visuelle du personnage pendant le jeu.

Autoriser le saut

Si vous activez Autoriser le saut, une section supplémentaire s’ouvre pour vous permettre de configurer l’animation de saut.

Comme pour l’image du personnage principal, l’animation de saut s’importe sous la forme d’une sprite :

• téléchargez l’image,
• indiquez le nombre de frames
• laissez le système la découper en animation

Autoriser le dash

Si vous activez Autoriser le dash, le joueur peut interrompre le saut et revenir plus rapidement au sol. 

Cela rend le gameplay plus réactif et donne plus de contrôle aux participants dans les séquences rapides.

Autoriser la glissade

Si vous activez Autoriser la glissade, le runner peut se baisser au ras du sol pour éviter certains objets. Une nouvelle section de configuration s’ouvre alors, dans laquelle vous pouvez importer l’image sprite de la glissade et définir son nombre de frames.

Objets

Les objets sont les éléments que le runner rencontre pendant le jeu. Ils peuvent être :

• des bonus, s’ils ajoutent des points
• des malus, s’ils retirent des points

Image d'objets et animations

Chaque objet peut être statique ou animé. Par exemple, vous pouvez utiliser :

• un poisson statique,
• une pièce qui tourne
• un obstacle clignotant

Importez l’image et indiquez le nombre de frames qu’elle contient afin que le jeu puisse la découper correctement.

Probabilité d'apparition

La probabilité d’apparition détermine à quelle fréquence cet objet apparaît par rapport aux autres objets configurés. Les valeurs disponibles sont :

• Faible
• Moyenne
• Elevée

Placer au sol

Si ce paramètre est activé, l’objet n’apparaîtra qu’au niveau du sol, c’est-à-dire là où le runner se déplace normalement. S’il est désactivé, l’objet apparaîtra au-dessus du sol, à différentes hauteurs de l’écran.

Cela est utile pour distinguer :

• les objets au sol, comme les pièces, les rochers ou les obstacles de route
• les objets aériens, comme les oiseaux, les chauves-souris, les poissons dans un univers flottant, ou tout élément qui doit être évité en hauteur

Niveau de difficulté

Dans les paramètres avancés, vous pouvez configurer la difficulté globale du jeu. Il existe 4 niveaux de difficulté :

• Facile : les objets apparaissent moins souvent et le rythme est plus détendu
• Moyen : un niveau de difficulté équilibré
• Expert : les objets apparaissent beaucoup plus souvent, ce qui rend le jeu plus intense et plus exigeant
• Progressif : le jeu commence facilement et augmente progressivement jusqu’à atteindre le niveau expert

Le mode Progressif est utile si vous souhaitez que le jeu devienne plus difficile au fil du temps sans submerger les participants dès le départ.

Score de survie

Vous pouvez également activer un score de survie. Cette option attribue automatiquement des points tant que le participant reste en vie. Vous pouvez configurer :

• le nombre de points attribués
• à quelle fréquence, en millisecondes, ils sont attribués

C’est particulièrement utile si votre jeu est axé sur la survie, par exemple lorsque le participant dispose de très peu de vies et doit être récompensé pour sa durée de survie.

Panneaux

Les panneaux sont des écrans interactifs communs affichés pendant le jeu.

• Le panneaux tutorial montre comment jouer et s’ouvre automatiquement une fois le jeu chargé.
• Le panneaux pause affiche un texte avec un bouton pour reprendre le jeu et s’ouvre automatiquement lorsque les participants cliquent en dehors du jeu.
• Le panel game over affiche le score du participant et s’ouvre automatiquement une fois la partie terminée.

Sons

Vous pouvez aussi ajouter des effets sonores à votre jeu pour enrichir l’expérience :

• une musique de fond pour poser l’ambiance et aider les utilisateurs à se connecter émotionnellement au jeu.
• des effets sonores à des moments clés ou lors d’actions spécifiques :
  • lorsque les participants cliquent sur le bouton lancement,
  • lorsque le personnage percute un obstacle,
  • lorsque le personnage collecte un objet récompense,
  • lorsque la partie est terminée ou touche à sa fin.

Tester le jeu 🎮

Pendant la création de votre jeu, pensez à le tester régulièrement dans l’aperçu.

Faites plusieurs parties de test et vérifiez que :

• la taille du runner semble correcte à l’écran,
• les sauts et les glissades sont lisibles et réactifs,
• les objets au sol et en l’air apparaissent là où vous l’attendez,
• les probabilités d’apparition des objets créent l’équilibre souhaité,
• la vitesse de l’arrière-plan correspond bien au thème du jeu,
• le niveau de difficulté semble approprié

Si nécessaire, ajustez vos paramètres et actualisez l’aperçu jusqu’à obtenir l’expérience que vous souhaitez.

Enregistrer le jeu

Une fois votre configuration prête, vous pouvez enregistrer votre jeu de deux manières :

• Sauvegarder & quitter met à jour le jeu existant
• Sauvegarder en tant que nouveau jeu crée un nouveau jeu personnalisé réutilisable plus tard

C’est particulièrement utile si vous souhaitez créer vos propres modèles réutilisables de jeux Runner.

Publier le jeu

Une fois le jeu prêt, terminez le reste de votre campagne puis publiez-la.

Les jeux Runner sont conçus pour fonctionner sur tous les appareils. Pour garantir la meilleure expérience responsive sur smartphone et tablette, l’intégration de la campagne doit se faire de la manière suivante :

1. Créez un canal minisite ou iframe.
2. Personnalisez votre runner.
3. Ajoutez un canal mobile.
4. Utilisez la smart URL du canal minisite/iframe pour le partage. Pour en savoir plus, consultez Qu’est-ce qu’une smart URL et comment l’utiliser ?