Sites


Créer un jeu Point and click avec Escoria

Créer sa première scène

Maintenant que votre projet Escoria est ouvert, commençons par la première scène. Tous les éléments que nous metterons en place seront situés dans le dossier device.

Le dossier device est celui dans lequel est placé le fichier project.godot. Il n’apparait pas dans l’arborescence fichier de la fenêtre FileSystem (Système de Fichier) de Godot en tant que tel. En fait notre device correspond à res:// qui est la racine de notre projet.
  1. Dans le dossierdevice/scenes créer un dossier, par exemple, /intro-game. Si scenes n’existe pas, vous pouvez le créer.
  2. Copier le fichier templates/base_scene.tscn dans device/scene/intro-game.
    Nous recommandons de créer un nouveau répertoire pour chaque nouvelle scène du jeu dans un dossier scene.
  3. Ouvrez la scène Scene > Open Scene menu.

Il ne restera plus qu'à peupler la scène avec des items, modifier l'image de fond etc.

Assurez-vous que la fenêtre scene contient bien un noeud game situé en bas de la liste des noeuds. Si ce n'est pas le cas, ajoutez un noeud en cliquant sur le bouton + dans la fenêtre scene, écrivez "node" dans le champ search, sélectionnez node dans la liste des réponses et cliquez sur create.

 Vous pouvez déjà lancer le jeu en cliquant sur le bouton Play en haut à droite de l’éditeur. Vous arriverez alors sur une fenêtre menu permettant de commencer la partie.

Premier lancement Godot Escoria

Peupler la scène avec des assets

Si vous avez décidé de faire notre jeu exemple, vous pouvez trouver :

Dans ce cas, copiez le dossier sprites récupéré dans le dossier device/scene/intro-game de votre projet. Si vous souhaitez mettre vos propres dessins, créez ce dossier sprites et mettez vos créations dedans.

L’utilisation du nom de dossier Sprite est arbitraire, vous pouvez en choisir un autre si cela convient mieux à votre organisation.

Maintenant que la scène est en place, nous pouvons y ajouter des éléments. Nous créerons chacun d'entre eux dans une scène séparée, qui sera ré-utilisée dans la scène principale. Cette organisatin peut sembler compliquée à première vue mais elle permet une réutilisation plus facile de notre joueur et des autres éléments du jeu. Rentrez nos assets disponibles en tant que ressources «externes», facilitera la ré-utilisation, la modification, et les tests. De cette façon, tout changement fait à notre scène d'assets sera automatiquement propagée à toutes les scènes principales qui l'utiliseront.

Commençons par créer notre personnage appelé "old_man".

  1. Créer une nouvelle scène, à l'aide du menu scene/new scene, et ajouter un noeud de type Scene 2D à l'aide du panneau Scene. Cliquez sur Créeren bas de la fenêtre.
  2. Double-cliquez sur le nom et renommez le old_man.
  3. Nous allons devoir attacher le script prévu par Escoria pour les items à ce noeud principal. Pour cela, sélectionnez votre noeud old_man dans le panneau Scene puis dans le panneau Inspecteur (Inspector) à gauche, allez dans la propriétés Script tout en bas et chargez le fichier Global/item.gd . L’association du script apparait dans le panneau Scene à droite du nom du nœud sous forme de parchemin.
  4. Pour gérer l’aspect de notre personnage, vous pouvez maintenant ajouter un noeud Sprite. Le nœud old_man sélectionné, cliquez sur le gros + en haut du panneau Scene, saisissez Sprite dans le champs de recherche de la fenêtre qui apparait puis cliquez sur Créer. Dans le panneau Inspector, repérez la propriété textureet utilisez le bouton Charger(Load) pour charger l'image old_man.png du dossier scene/intro-game/sprites. Le personnage devrait apparaître. Ne nous occupons pas pour l'instant de sa position.


    Si vous souhaitez que votre personnage puisse être animé, vous pouvez ajouter un noeud animation comme expliqué dans le livre Godot, ou en créant un noeud animation, solution que nous utiliserons ici, puisque notre personnage pourra avoir plusieurs animations associées.

  5. Généralement, nous voulons pouvoir des collisions et des clics (ce qui est le minimum dans un jeu point-and-click). Sélectionnez à nouveau le nœud old_man pour respecter la bonne imbrication des nœuds et ajoutez un noeud de type Control et renommez-le (par exemple area).
  6. Dans la vue principale, un rectangle avec des poignées apparaît lorsque area est sélectionné. Utilisez ces poignées pour redimensionner le rectangle afin de définir la zone cliquable. Dans ce cas, il suffira de recouvrir toute la texture du sprite.
  7. Sauvegardez la scène sous le nom old_man.tscn dans le dossier intro-game
  8. Revenez à la scene de base base_scene qui doit toujours être visible dans les onglets au dessus de la vue (sinon, il suffit de parcours la fenêtre Système de fichier et de double-cliquer sur nom) et importez la scène old_man en cliquant sur le bouton en forme de chaîne dans le panneau Scene (à côté du +) ou en faisant glisser le fichier depuis le système de fichier vers la vueol. Vérifiez qu'il est au-dessus du noeud game sinon faites le glisser.
  9. Pour redimensionner notre personnage dans la scène, sélectionnez le noeud old_man et dans la vue utilisez les poignées rondes en appuyant sur maj pour conserver les proportions. Pour plus de précisions, vous pouvez aussi utiliser la propriété Scale située dans la rubrique Node2D de la fenêtre Inspector.
  10. Répetez la même opération pour chacun des éléments de la scène. Par exemple, il est déjà possible d’ajouter une image de fond. Pour cela, sélectionnez le nœud scene, cliquez sur + et ajoutez un nœud TextureRect. Dans l’inspecteur, cliquez sur Textureet chargez la texture decor-backgrounddu dossierSprite. Vous pouvez renommer le nœud, par exemple background.

Pour plus d'information sur la configuration des items dans la scène, reportez-vous au chapitre Les items dans la section Les fondamentaux d'Escoria.

Si vous voulez voir à quoi ressemble votre scène en action, cliquez sur le bouton Play the edited scene ou pressez F6. Il ne s’agit pas du grops bouton play, qui lance le jeu complet, mais le bouton à droite du bouton stop.

Il y a une erreur de communication avec le serveur Booktype. Nous ne savons pas actuellement où est le problème.

Vous devriez rafraîchir la page.