Construct 2

Présentation

Construct 2 est un outil auteur permettant de réaliser spécifiquement des jeux 2D. Il est possible de télécharger sa version d'essai qui permet déjà beaucoup de possibilités ou alors de se procurer la license qui coûte $129.99. Cet outil auteur est accessible et ne requiert pas de compétences en programmation. N'importe quel autodidacte peut se lancer dans son utilisation et créer un jeu. D'ailleurs de grands développeurs indépendants l'ont utilisé pour créer ces jeux: The next penelope, Airscape-the fall of gravity et Cosmochoria.

Installation

L’installation de Construct 2 se fait grâce à un exécutable téléchargeable sur le site de l’éditeur. Cependant l'outil auteur ne marche que sur Windows et non sur Mac ou Linux.

Utilisation

Page d'accueil de Construct 2 sur un petit jeu en développement

Créer un projet

Lorsque vous voulez commencer un projet de jeu, il suffit de lancer le programme et de cliquer sur "file" puis "new". A ce moment votre projet va se créer.

Espace de travail, le "Layout"

Lorsque vous créer un nouveau projet, le premier "Layout" et sa feuille d'événement associée sont créé automatiquement. Si vous voulez créer un deuxième "layout", par exemple pour créer un second niveau, il vous suffit de faire un clic droit sur le dossier ouvert "layouts" dans votre arborescence "Projects" (image en dessous) et de choisir "add layout".

Ajout d'un layout

Créer un fond d'écran

L'image que vous voyez au milieu de l'interface est votre "layout", c'est en quelque sorte le premier écran de votre jeu. Vous pouvez donc commencer à y ajouter un fond en faisant clique gauche dessus puis en choisissant "insert new object". Sur l'écran qui apparaît vous pouvez sélectionner divers objets, prenez pour le moment "tiled background". A ce moment, le logiciel vous proposera de choisir une image sur votre ordinateur ou d'en créer une avec un petit dispositif de dessin (un peu comme paint).

Ajout d'un nouvel objet

Ajouter un sprite

Pour ajouter votre personnage principal. Répétez l'opération mais lorsque vous arrivez sur l'écran "insert new object", choisissez "sprite". Prenez une image de petit personnage sur votre ordi (que vous aurez téléchargé préalablement) et placez-le sur votre "layout".

Une fois un sprite ajouté, il est possible de la modifier, de rogner l'image ou même de créer des animations.

Layer dans Construct 2

Ces animations peuvent être enregistrée, puis par la suite appelée dans les événements pour correspondre à certains mouvements (comme le déplacement d'un personnage).

Utilisation du "layer"

Les layers agissent comme différentes couches superposées sur le layout. Elles sont utiles pour définir le rôle des différents objets de notre page de jeu. Il est possible de définir plusieurs layers, ceux normalement utilisés dans le jeu vidéo sont : le fond d'écran (Background), l'écran de jeu principal (Main) et l'interface utilisateur ou HUD (head-up display). Attention à l'ordre des layers dans la liste qui définit leur position sur l'écran (en bas de la liste, la dernière couche, le fond d'écran, l'écran de jeu au milieu, et le HUD qui est superposé).

Layer dans Construct 2

Chaque nouvel objet créer se verra assigné à un layer selon le layer sélectionné au moment de la création. Il est cependant possible de modifier le layer d'un objet dans les propriétés de l'objet comme ci-dessous.

Layer dans Construct 2

Ajouter un comportement aux objets

Maintenant, si vous désirez pouvoir contrôler ce personnage, il va falloir lui donner un comportement ("behavior"). Cliquez donc dessus et à gauche de l'interface, le logiciel vous proposera différentes propriétés. Cliquez sur "behaviors" (add/edit). Un écran apparaîtra, appuyez sur le symbole "+" et ensuite plusieurs comportements vous serons proposés. Sélectionnez "plateform" sous "movements". Ce comportement est la base pour créer un jeu de plateforme. Ajoutez aussi le comportement "solid" pour que le personnage ne traverse pas le sol et soit tangible.

Ajout d'un comportement

Ajout d'un comportement (suite)

Les comportement sont la base du personnage joueur (PJ), des personnages non-joueur (PNJ) et des ennemis. Il existe plein de comportement classique du jeu vidéo, comme par exemple le fait qu'un personnage clignote lorsqu'il prend des dégats. De plus, les comportement peuvent ajouter de nouveaux événements dans la listes des événements et des actions, n'hésiter pas à les parcourir pour tester leur possibilité.

Ajouter des événements

La dernière partie à connaître pour réaliser son jeu sans soucis est la page d'événements ("event sheet"). Pour créer une page d'événement directement associée à son "layout", il faut créer la feuille d'événement en même temps en choisissant l'option "add event sheet" (proposée à la création du "layout"), pour ajouter une page d'événement automatiquement associée à notre nouveau "layout".

Ajout d'un événement

Par la suite, elle se situe en haut du "layout" et permet de créer (comme son nom l'indique) des événements. Par exemple que lorsque tel objet ("sprite") rentre en colision avec un autre, le "layout" se répète et le personnage se retrouve au début du niveau. Ces événement peuvent être utilisés pour mettre de la musique, des animations sur notre héros lorsqu'il avance à droite ou à gauche. Maintenant c'est à vous de décider comment utiliser tous ces outils. N'hésitez pas à chercher sur le site de l'éditeur des tutoriels si vous avez des questions.

Feuille d'événements d'un petit jeu en développement

Dans la page d'événements, l'outil à disposition est divisé en deux parties distinctes: les événements et les actions.

Evénements: un événements se comporte comme une conditions en programmation (if, else if, else). Par exemple, si vous voulez que votre personnage prenne des dégats lorsqu'il touche un objet pointu, il faudra utiliser l'événement de collision entre votre personnage (ou sa "hitbox") et l'objet pointu comme condition. La réalisation de cette condition se passera dans les actions. Lorsqu'on sélectionne le groupe conditionnel créé dans la page d'événement, à l'aide du clic droit on a accès à plein de nouvelles options, comme ajouter une autre condition à la première ou ajouter un sous-événement.

Actions: les actions sont les choses qui se réalisent lorsque la condition à laquelle ils liées deviennent vrai. Dans l'exemple des dégats sur le personnage utilisé au dessus, les actions seront ce qu'il se passe lorsque l'événement de collision arrive. Ces actions pourraient être, par exemple, le décompte des points de vie du personnage, une animation feedback de prise de dégat (comme le clignotement du personnage) ou la mort du personnage.

Trucs et astuces

Voilà quelques astuces qui pourront peut-être vous faire gagner du temps et conduire votre petit projet à terme. En effet, d'une part la version gratuite de Construct 2 est bien utile pour des essais ou de petit projet, mais du fait de sa gratuité, elle reste limitée. La limite la plus ennuyante est celle des 100 événements, voici quelques exemples qui peuvent vous permettront peut-être de finir votre petit projet. D'autre part, certains réflexes de programmation sont bon à prendre dès le début.

Faire une page d'événement générale

Ce premier conseil, qui vous aidera de façon général en programmation, est de regrouper les comportements clés que vous aller utiliser sur plusieurs pages différentes. Par exemple, si vous songez à faire plusieurs niveaux de jeu, donc plusieurs "layouts" liés à des "event sheets", certains événements seront similaires (comme le déplacement de votre personnage, la gestion de barre de vie, ses animations, etc.) et il faut le regrouper sur une feuille d'événement qui sera générale à votre jeu. Une fois cette crée, il suffit de l'inclure dans la page d'événement où vous voulez voir ces comportement apparaître en faisant un clic droit sur votre page d'événement, en cliquant sur "Include event sheet", puis en choisissant votre page d'événements générals. Cela diminuera de façon conséquente votre création d'événement par page et vous fera gagner du temps.

Utiliser plus "d'action"

Le second conseil, est de bien comprendre la différence entre les événements et les actions dans Construct 2. De manière générale, les événements sont des conditions (if, else if, else) et les actions sont les choses qui se réalisent quand la condition est vraie. Dans la version gratuite de Construct 2, le nombre d'événement est limité, mais pas le nombre d'action, ce qui pousse à liés des actions qui n'ont pas forcément de liens sémantiques, mais qui peuvent être liés au même événement. Par exemple, au lieu de créer un événement qui met fin à la musique d'un niveau, et un second événement qui fait débuter la musique du niveau suivant, on pourrait utiliser l'événement qui met fin au niveau pour faire ces deux actions supplémentaires (mettre fin à la musique du niveau en cours, débuter la musique du niveau suivant). Attention cependant au fait que ces actions se produiront à chaque fois que l'événement arrive, elle seront donc liées temporellement dans le jeu.

Utiliser le lien parent/enfants

Le troisième conseil est d'éviter de créer plusieurs fois le même type d'objet. Si un objet remplis les conditions suivante: 1) être utiliser plusieurs fois, 2) avoir à chaque fois les même propriétés 3) être toujours liés au même événements, alors il faut absolument créer un objet type (parent), puis multiplier ses instances (enfants). Dans Construct 2, une fois un objet créé, il suffit de le glisser depuis la barre d'objet vers le "layout" en cours pour créer un "objet enfant" et multiplier ses instances. Attention cependant à la sélection de l'objet enfant (si on sélectionne depuis la barre d'objet, on sélectionne tous les enfants, il faut sélectionner manuellement l'objet enfant voulu pour le déplacer individuellement) et au changement de propriétés qui peuvent affecter tous les autres objets du même type.

Changer les touches de déplacement

Cette astuce permet de changer les touches pré-programmés liées aux comportement (behavior) choisi, par exemple pour son personnage. Le changement de touche ou de raccourci est quelques chose de commun dans l'ergonomie d'un jeu vidéo, que ce soit pour des question d'adaptation au matériel (nous n'avons pas tous les mêmes normes de claviers, manettes etc.) ou pour des questions de préférences personnelles. Pour faire cela, une fois que le comportement à été ajouter à l'objet, il faut créer des nouvelles conditions en fonction du périphérique visé. Par exemple, pour passer pour adapter le déplacement d'un clavier "qwertz" à un clavier "azerty" il faudrait: 1) ajouter l'événement clavier, 2) choisir l'événement clavier associé au mouvement (par exemple, si la touche "A" est enfoncée) 3) créé une action de simulation du comportement voulu (par exemple, déplacement vers la droite). Vous pouvez également ajouter à ces simulations de mouvements, les animations adaptées pour retrouver le comportement voulu, en utilisant d'autres raccourcis claviers.

Lien

• Site de l’éditeur : https://www.scirra.com/construct2
• Tutoriel de conception d'un jeu de plateforme: https://www.scirra.com/tutorials/253/how-to-make-a-platform-game