Introduction à l'éditeur de Godot

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

You can download Godot Engine here.

Gestionnaire de projets

La première fenêtre que vous voyez en ouvrant Godot est le Gestionnaire de projets. Comme vous n'avez pas de projets, une fenêtre s'ouvre pour vous demander si vous voulez ouvrir la bibliothèque d'assets. Il vous suffit de cliquer sur annuler, nous y reviendrons plus tard.

../../_images/project_manager_first_open.fr.png

Vous devriez maintenant voir le gestionnaire de projets. Il vous permet de créer, supprimer, importer ou lancer les projets.

../../_images/editor_ui_intro_project_manager_01.fr.png

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

../../_images/editor_ui_intro_project_manager_02.fr.png

Depuis l'onglet Modèles vous pouvez télécharger des modèles de projet open source et des démos depuis l'Asset Library (librairie de ressources) pour vous aider à démarrer plus rapidement. Sélectionnez simplement le modèle ou la démo que vous voulez, cliquez sur télécharger, une fois le téléchargement terminé, cliquez sur installer et choisissez l'emplacement du projet. Vous pouvez en apprendre plus à ce sujet dans À propos de la bibliothèque d'Asset.

../../_images/editor_ui_intro_project_manager_03.fr.png

Créer ou importer un projet

Pour créer un nouveau projet, cliquez sur le bouton Nouveau projet sur la droite. Donnez-lui un nom, choisissez un répertoire vide sur votre ordinateur où le sauvegarder et sélectionnez un moteur de rendu.

../../_images/editor_ui_intro_project_manager_04.fr.png

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

../../_images/editor_ui_intro_project_manager_05.fr.png

Lorsque vous voyez la coche verte à droite, cela signifie que Godot a détecté un répertoire vide. Vous pouvez également cliquer sur le bouton Créer un Dossier à côté du nom de votre projet et un dossier vide portant le même nom sera créé.

Enfin Vous devez choisir le système de rendu à utiliser (OpenGL ES 3.0 ou OpenGL ES 2.0). Les avantages et inconvénients de chacun sont listés pour vous aider à choisir, et vous pouvez consulter Différences entre GLES2 et GLES3 pour plus de détails. Notez que vous pouvez changer de système de rendu dans les paramètres du projet si vous changez d'avis plus tard. Pour ce tutoriel vous pouvez choisir n'importe lequel des deux.

Une fois terminé, cliquez sur Créer et ouvrir. Godot créera le projet pour vous et l'ouvrira dans l'éditeur.

La prochaine fois que vous ouvrirez le gestionnaire de projets, vous verrez votre nouveau projet dans la liste. Double-cliquez dessus pour l'ouvrir dans l'éditeur.

../../_images/editor_ui_intro_project_manager_06.fr.png

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 le modifier.

../../_images/editor_ui_intro_project_manager_08.fr.png

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

../../_images/editor_ui_intro_project_manager_09.fr.png

Votre premier coup d’œil à l'éditeur de Godot

Bienvenue dans Godot ! Lorsque votre projet est ouvert, vous devriez voir l'interface de l'éditeur avec des menus en haut de l'interface et des docks aux extrémités de l'interface de chaque côté de la fenêtre d'affichage.

../../_images/editor_ui_intro_editor_interface_overview.png

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

Le dock FileSystem est l'endroit où vous gérerez les fichiers et les ressources(assets) de votre projet.

../../_images/editor_ui_intro_dock_filesystem.png

Le Dock de scène répertorie le contenu de la scène active et l'Inspecteur permet de gérer les propriétés d'une scène.

../../_images/editor_ui_intro_dock_inspector.png

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.

../../_images/editor_ui_intro_editor_02_toolbar.png

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.

../../_images/editor_ui_intro_editor_03_animation_player.png

Les fenêtres d'affichage

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

Vous utiliserez l'espace de travail 2D pour tous les types de jeux. En plus des jeux en 2D, c'est dans l'espace de travail 2D que vous construirez vos interfaces. Appuyez sur F1 (ou Alt + 1 sur macOS) pour y accéder.

../../_images/editor_ui_intro_editor_04_2d_workspace.png

Dans l'espace de travail 3D, vous pouvez travailler avec des maillages, des lumières et concevoir des niveaux pour les jeux en 3D. Appuyez sur F2 (ou Alt + 2 sur macOS) pour y accéder.

../../_images/editor_ui_intro_editor_05_3d_workspace.png

Remarquez le bouton perspective sous la barre d'outils, il ouvre une liste d'options liées au viewport 3D.

../../_images/editor_ui_intro_editor_06_3d_workspace.png

Note

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

L'espace de travail Script est un éditeur de code complet avec un débogueur, une riche auto-complétion et une référence de code intégrée. Appuyez sur F3 (ou Alt + 3 sur macOS) pour y accéder, et Shift + F1 pour rechercher dans la référence.

../../_images/editor_ui_intro_editor_06_script_workspace_expanded.png

Pour rechercher des informations à propos d'une classe, d'une méthode, d'une propriété, d'une constante ou d'un signal dans le moteur pendant que vous écrivez un script, appuyez sur le bouton "Rechercher dans l'aide" en haut à droite de l'espace de travail Script.

../../_images/editor_ui_intro_script_search_documentation.png

Une nouvelle fenêtre s'ouvrira. Cherchez l'élément sur lequel vous souhaitez obtenir des informations.

../../_images/editor_ui_intro_script_search_help_window.png

Cliquez sur l'élément que vous recherchez et appuyez sur ouvrir. La documentation relative à l'élément s'affichera dans l'espace de travail script.

../../_images/editor_ui_intro_script_class_documentation.png

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.

../../_images/editor_ui_intro_editor_07.png

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

../../_images/editor_ui_intro_editor_08.png

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