Ajouter un layer (couche)
OK, maintenant nous voulons ajouter plus d'objets. Cependant nous n'allons cesser de sélectionner accidentellement le Tiled Background à moins que nous ne le verrouillions (lock), le rendant ainsi non sélectionnable. Utilisons le système de layers pour se faire.
Les layouts peuvent être composés de multiples layers (couches) que nous pouvons utiliser afin de grouper les objets. Imaginez les layers comme des plaques de verre empilées les unes sur les autres avec les objets peints sur chaque plaque. Cela vous permet de réorganiser facilement quels objets apparaissent par dessus quels autres. Les layers peuvent aussi être cachés (invisibles), verrouillés, avoir des effet de parallaxe et bien plus. Par exemple, pour ce jeu, nous voulons que tout apparaisse par dessus le Tiled Background donc nous pouvons ajouter un nouveau layer supérieur pour nos autres objets.
Pour gérer les layers, cliquez sur l'onglet Layers qui se trouve généralement à côté de la Project bar (barre de projet):
Vous devriez voir Layer 0 dans la liste (Construct 2 compte à partir de zéro car cela fonctionne mieux comme cela en programmation). Cliquez l'icône crayon et rename (renommer) le layer en Background (arrière plan) car il s'agit de notre layer d'arrière plan. Cliquez l'icône verte "add" (ajouter) pour ajouter un nouveau layer à la liste pour nos autres objets. Appelons ce nouveau layer Main (principal). Enfin, si vous cliquez l'icône "cadenas" à côté de Background le layer se retrouvera verrouillé. Cela signifie que vous ne pourrez plus sélectionner les objets qui se trouvent sur ce layer. C'est assez pratique pour notre Tiled Background, qui peut être accidentellement sélectionné alors que nous n'avons plus besoin d'y toucher. Cependant, si vous avez besoin d'effectuer des changements, vous pouvez toujours cliquer de nouveau le cadenas pour déverrouiller le layer.
Les cases à cocher vous permettent aussi de cacher les layers dans l'éditeur, mais nous n'avons pas besoin de cela pour l'instant. Votre barre de layers devrait ressembler à ceci maintenant:
Maintenant assurez vous que le layer 'Main' est sélectionné dans la barre des layers. C'est très important, le layer séléctionné est le layer actif. Tous les nouveaux objets seront insérés dans le layer actif, donc si il n'est pas séléctionné nous insérerons accidentellement des objets dans le mauvais layer. Le layer actif est indiqué dans la barre d'état et apparaît aussi en tant qu'infobulle quand vous insérez un nouvel objet, gardez un oeil dessus.
Ajout des objets de contrôle (input)
Revenons au layout. Double cliquez pour insérer un nouvel objet. Cette fois sélectionnez l'objet Mouse (souris) car nous allons avoir besoin de gérer les contrôles à la souris. Faites de même pour l'objet Keyboard (clavier.
Note: Ces objets n'ont pas besoin d'être positionnés dans le layout. Ils sont cachés et automatiquement accessible à travers tout le projet. Désormais, tous les layouts de votre projets peuvent utilisés les contrôles de la souris et du clavier.
Les objets du jeu
Il est temps d'insérer les objets du jeu à proprement parler ! Voici des textures pour ceci, sauvez les sur votre disque dur comme précédemment.
Joueur:
Monstre:
Balle:
et Explosion:
Pour chacun de ces objets nous allons utiliser un objet sprite. Cet objet affiche la texture et peut être déplacé, tourné et redimensionné. En général les jeux vidéos affichent principalement des sprites. Insérons chacun des quatre objets précédents en tant que nouveau sprite. Le processus est similaire à l'insertion du Tiled Background:
1. Double cliquez pour insérer un nouvel objet
2. Double cliquez l'objet 'Sprite'
3. Quand le curseur de la souris affiche une croix, cliquez dans le layout. L'infobulle devrait être 'Main'. (souvenez-vous il s'agit du layer actif)
4. L'éditeur de texture apparaît. Cliquez sur l'icône "ouvrir" (le petit dossier) et chargez l'une des quatre textures précédentes.
5. Fermez l'éditeur de texture, sauvegardant ainsi vos changements. Vous devriez maintenant voir les objets dans votre layout!
Note: une autre manière rapide d'insérer des objets sprite et de glisser/déposer le fichier image depuis l'explorateur Windows dans l'espace du layout. Construct 2 créera automatiquement l'objet Sprite avec la texture pour vous. Assurez-vous de glisser chaque image une par une cependant, si vous glissez les 4 à la fois, Construct 2 créera un seul objet Sprite contenant quatre frames d'animation.
Déplacez les Sprites balle et explosion en dehors des limites du layout (hors de l'espace blanc), vous ne voulez pas voir ces objets au démarrage de votre jeu.
Ces objets seront nommés Sprite, Sprite2, Sprite3 et Sprite4. Ce n'est pas très pratique et peut vite devenir très difficile à gérer. Renommez les objets en tant que Player (joueur), Monster (monstre), Bullet (balle) et Explosion. (ndr: je préfère garder les noms anglais ici car les exemples d’événements plus tard dans le tutoriel auront ces mêmes noms).
Pour renommer, sélectionnez un objet et modifiez sa propriété Name (nom) dans la barre des propriétés: