Introduction à l’éditeur de Godot

Ce tutoriel va vous présenter l’interface de Godot. Nous allons voir les Gestionnaire de projets, docks, espaces de travail et tout ce que vous avez besoin de savoir pour démarrer avec le moteur.

Gestionnaire de projets

Lorsque vous ouvrez Godot, la première fenêtre que vous voyez est le Gestionnaire de projets. Il vous permet de créer, supprimer, importer ou lancer les projets.

image0

Dans le coin en haut à droite vous trouverez un menu déroulant pour changer la langue de l’éditeur.

image1

Depuis l’onglet Modèles vous pouvez télécharger des modèles de projet open source et des démos pour vous aider à démarrer plus rapidement.

image2

Créer ou importer un projet

Pour créer un nouveau projet, cliquez le bouton Nouveau projet sur la droite. Donnez-lui un nom et choisissez un répertoire vide sur votre ordinateur pour le sauvegarder.

image3

Cliquez le bouton Parcourir pour ouvrir navigateur de fichiers de Godot, puis choisissez un emplacement ou tapez le chemin du répertoire dans le champ « Chemin du projet ».

image4

Lorsque vous voyez la coche verte à droite, cela signifie que le moteur a détecté un répertoire vide, vous pouvez alors cliquer le bouton Créer et éditer. Godot ouvrira le projet pour vous et l’affichera dans l’éditeur.

La prochaine fois que Godot s’ouvrira, vous verrez votre nouveau projet dans la liste. Double-cliquez dessus pour l’ouvrir dans l’éditeur.

image5

Vous pouvez importer des projets existants de manière similaire, en utilisant le bouton Importer. Localisez le répertoire contenant le projet ou le fichier project.godot pour l’importer et l’éditer.

image7

Lorsque le chemin du dossier est valide, une coche verte est affichée.

image8

Premiers pas avec l’éditeur de Godot

Bienvenue dans Godot ! Une fois votre projet ouvert, vous devriez voir l’interface de l’éditeur avec la vue « 3D » active. Vous pouvez changer d’espace de travail à l’aide des boutons en haut de l’interface. Cliquez sur « 2D » pour passer à la vue dédiée à la 2D.

image9

Vous devriez maintenant voir cette interface, avec le dock vide sur le côté droit.

image10

En haut, de gauche à droite, vous voyez les menus principaux, les fenêtres d’affichage, et les boutons de test.

Sur la gauche vous voyez le dock Système de fichiers, où vous gérerez les fichiers et ressources de vos projets.

image11

Sur le côté droit, vous trouverez le dock Scène qui liste le contenu de la scène active, et l”Inspecteur dans le coin inférieur droit.

image12

Au centre en haut, vous avez la Barre d’outils, où vous trouverez des outils pour déplacer, mettre à l’échelle ou verrouiller les objets de votre scène. Elle est différente pour chaque espace de travail.

image13

La panneau du bas contient la console de débogage, l’éditeur d’animations, le mixeur audio… Ils sont larges et peuvent occuper un espace précieux, c’est pourquoi ils sont repliés par défaut.

image14

Les fenêtres d’affichage

Vous pouvez voir quatre boutons de fenêtres d’affichage en haut : 2D, 3D, Script et AssetLib.

Vous utiliserez la fenêtre d’affichage 2D pour tous types de jeux. En plus des jeux 2D, c’est là que vous construirez vos interfaces. Appuyez sur F1 pour y accéder.

image15

Dans la fenêtre d’affichage 3D, vous pouvez utiliser des maillages, des lumières et concevoir des niveaux pour les jeux 3D. Appuyez sur F2 pour y accéder.

image16

Notez le texte [Perspective] sous la barre d’outils, c’est un bouton qui ouvre une liste d’options liées à la vue 3D.

image20

Note

Lisez Introduction à la 3D pour plus de détails à propos de l’espace de travail 3D.

La fenêtre d’affichage Script est un éditeur de code complet avec un débogueur, une complétion automatique riche et une référence de code intégrée. Appuyez sur F3 pour y accéder et sur F4 pour rechercher dans la référence.

image17

Enfin, AssetLib est une bibliothèque d’extensions, de scripts et d’assets gratuits à utiliser dans vos projets.

Modifier l’interface

L’interface de Godot vit dans une seule fenêtre. Vous ne pouvez pas la diviser sur plusieurs écrans bien que vous puissiez travailler avec un éditeur de code externe comme Atom ou Visual Studio par exemple.

Déplacer et redimensionner les docks

Cliquez sur le bord de n’importe quel dock ou panneau et faites le glisser pour le redimensionner horizontalement ou verticalement.

image18

Cliquez sur l’icône à trois points en haut de n’importe quel dock pour changer son emplacement.

image19

Allez dans le menu Éditeur et Paramètres de l'éditeur pour peaufiner l’apparence de l’éditeur.