Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Next revision
Previous revision
fr:gdevelop5:interface [2017/11/25 16:14]
bouh created
fr:gdevelop5:interface [2020/01/07 20:21] (current)
alpo [Éditeur de scènes]
Line 1: Line 1:
-FIXME **This page is not fully translated, yet. Please help completing the translation.**\\ //(remove this paragraph once the translation is finished)//​ +Aperçu de l'​interface de GDevelop
- +
-Interface ​GDevelop+
  
 +L'​interface de travail de GDevelop est basée sur des éditeurs affichés dans des onglets. Ces éditeurs vous permettent de modifier différentes parties de votre jeu.
 {{ :​gdevelop5:​screen_shot_2017-09-18_at_01.30.20.png?​nolink |}} {{ :​gdevelop5:​screen_shot_2017-09-18_at_01.30.20.png?​nolink |}}
  
-Cette page est encore en construction! Il décrira les différents éditeurs de GDevelop. 
  
-> Vous pouvez contribuer en éditant cette page.+# Page de démarrage
  
 +L'​écran de démarrage initial s'​affiche lorsque vous lancez GDevelop pour la première fois. C'est ici que vous créez vos projets, chargez des projets précédemment enregistrés ou chargez des tutoriels.
  
-## Page de démarrage+{{ :​gdevelop5:​gdevelop5startpage.png |}}
  
-La page de départ s'​affiche lorsque ​GDevelop est ouvert. Vous pouvez ​créer un nouveau projet ou charger un projet existant à partir de là. +Au démarrage, ​GDevelop ​recherchera de nouvelles mises à jour. Si une nouvelle mise à jour est disponible, la mise à jour sera automatiquement téléchargée. 
- +Vous pouvez ​en voir la progression en cliquant sur [[gdevelop5:​interface:​updates|About GDevelop]] 
-====== ​Gestionnaire de projet======+. 
 +Gestionnaire de projet
  
 Lorsqu'​un projet est ouvert, vous pouvez cliquer sur le bouton en haut à gauche pour accéder au gestionnaire de projet. Lorsqu'​un projet est ouvert, vous pouvez cliquer sur le bouton en haut à gauche pour accéder au gestionnaire de projet.
Line 22: Line 22:
 Vous pouvez plier et déplier chaque catégorie en cliquant sur la petite flèche. Vous pouvez plier et déplier chaque catégorie en cliquant sur la petite flèche.
  
-  *** Ressources:​** ​c'est ici que GDevelop stocke toutes les images et les sons utilisés dans votre jeu.+  *** Ressources:​** ​C'est ici que GDevelop stocke toutes les images et les sons utilisés dans votre jeu.
  
-   * **Scènes:​** scènes sont les différents niveaux de votre jeu mais pas que, dans GDevelop tout est une question de scène, le menu principal, écran de démarrage, écran de crédits, tous sont des scènes.+   * **Scènes:​** ​ ​Les ​scènes sont les différents niveaux de votre jeu mais pas seulement car dans GDevelop tout est une question de scène, le menu principal, écran de démarrage, écran de crédits, tous sont des scènes.
  
-  *** Événements externes:​** ​pour rendre le développement de notre jeu plus flexible, nous pouvons rendre externes des événements souvent utilisés et les lier à des scènes quand nous en avons besoin. Considérez-les comme des méthodes de programmation,​ mais si vous n'​êtes pas familier avec le terme méthode, rappelez-vous simplement que si vous avez besoin d'​utiliser ​une des événements ​souvent dans de multiples scènes, vous pouvez ​les rendre ​externes ​et les appeler quand vous en avez besoin. ​+  *** Événements externes:​** ​Pour rendre le développement de notre jeu plus flexible, nous pouvons rendre externes des événements souvent utilisés et les lier à des scènes quand nous en avons besoin. Considérez-les comme des méthodes de programmation,​ mais si vous n'​êtes pas familier avec le terme méthode, rappelez-vous simplement que si vous avez souvent ​besoin d'​utiliser ​un des événements,​ vous pouvez ​le rendre ​externe ​et l'appeler quand vous en avez besoin. ​
  
-  *** Agencements externes:** Comme pour les événements,​ vous pouvez ​concevoir ​des agencements ​externes fréquemment et à plusieurs ​reprises ​utilisés pour être chargés à de multiples endroits ​dans vos scènes.+  *** Agencements externes:** Comme pour les événements,​ vous pouvez ​décider que des agencements ​utilisés ​à diverses ​reprises ​méritent d'​être conçus comme des agencements externes qui pourront ​être chargés à de multiples endroits ​de vos scènes.
  
 Dans la version **bureau**, le menu Fichier vous permet de sauvegarder votre jeu, d'en ouvrir un autre ou de le fermer. Vous pouvez aussi [[gdevelop5:​publishing|exporter votre jeu]]. ​ Dans la version **bureau**, le menu Fichier vous permet de sauvegarder votre jeu, d'en ouvrir un autre ou de le fermer. Vous pouvez aussi [[gdevelop5:​publishing|exporter votre jeu]]. ​
Line 35: Line 35:
 {{ :​gdevelop5:​web-project-manager-tab.png?​nolink |}} {{ :​gdevelop5:​web-project-manager-tab.png?​nolink |}}
  
-====== ​Éditeur de scènes  ​======+Éditeur de scènes  ​
  
 Lorsque vous ouvrez une scène (ou un agencement externe), un éditeur de scène s'​ouvre. Lorsque vous ouvrez une scène (ou un agencement externe), un éditeur de scène s'​ouvre.
Line 42: Line 42:
 Nous avons une sélection d'​outils et d'​éditeurs disponibles dans l'​éditeur de scènes: ​ Nous avons une sélection d'​outils et d'​éditeurs disponibles dans l'​éditeur de scènes: ​
 {{ :​gdevelop5:​scene-editor-toolset.png?​nolink |}} {{ :​gdevelop5:​scene-editor-toolset.png?​nolink |}}
 +
 +[[fr/​gdevelop5/​interface/​scene-editor|Pour en apprendre plus sur l'​utilisation de l'​éditeur de scènes]].
 +}
 ## Éditeur d'​objets ## Éditeur d'​objets
 L'​éditeur d'​objets se trouve à droite. C'est ici que vous pouvez voir tous les objets utilisés dans votre scène et en ajouter de nouveaux. L'​éditeur d'​objets se trouve à droite. C'est ici que vous pouvez voir tous les objets utilisés dans votre scène et en ajouter de nouveaux.
Line 59: Line 62:
  
 ## Éditeur des Groupes d'​objets ## Éditeur des Groupes d'​objets
-Dans l'​éditeur d'​objets ​Groupes ​nous pouvons trouver la liste des groupes que nous avons dans notre scène et nous pouvons en créer de nouveaux. ​+Dans l'​éditeur ​des Groupes ​d'​objets nous pouvons trouver la liste des groupes que nous avons dans notre scène et nous pouvons en créer de nouveaux. ​
 {{ :​gdevelop5:​objects-groups-editor.png?​nolink |}} {{ :​gdevelop5:​objects-groups-editor.png?​nolink |}}
-To open the editor we need to click the button on the top+Pour ouvrir l'​éditeur,​ il faut cliquer sur le bouton en haut.
 {{ :​gdevelop5:​objects-groups-editor-button.png?​nolink&​200 |}} {{ :​gdevelop5:​objects-groups-editor-button.png?​nolink&​200 |}}
  
-Object groups allow us to collect objects in to groups and inside our events refer to a group instead of individual objects+Les groupes d'​objets nous permettent de rassembler des objets dans des groupes, puis d'y faire appel à l'​intérieur de nos événements. Cela sert à faire appel à un groupe plutôt qu' à des objets individuels
  
-## Instances editor +## Éditeur d'​instances 
-The instances ​editor display a list of all instances ​we have present in our scene and we can select any instance ​from the list and see their position, angle, ​layer and order in our scene.+L'​éditeur d'instances ​affiche une liste de toutes les instances ​présentes dans notre scène et nous pouvons sélectionner n'​importe quelle ​instance ​de la liste et voir sa position, angle, ​couche et ordre dans notre scène.
 {{ :​gdevelop5:​instances-editor.png?​nolink |}} {{ :​gdevelop5:​instances-editor.png?​nolink |}}
  
-We can open the Instances editor by clicking the button on the top+On peut ouvrir l'​éditeur d'​instances en cliquant sur le bouton en haut dans la barre d'​outils.
 {{ :​gdevelop5:​instances-editor-button.png?​nolink&​200 |}} {{ :​gdevelop5:​instances-editor-button.png?​nolink&​200 |}}
  
-## Layers editor +## Éditeur de calques 
-The layer editor display the list of layers in our scenes and allow us to add new oneschange their orderhide them and delete them.+L'​éditeur de calques affiche la liste des calques dans nos scènes et nous permet d'en ajouter de nouveauxde modifier leurs ordresde les masquer et de les supprimer.
 {{ :​gdevelop5:​layers-editor.png?​nolink |}} {{ :​gdevelop5:​layers-editor.png?​nolink |}}
  
-We can open the layers editor by clicking the button on the top+On peut ouvrir l'​éditeur de calques en cliquant sur le bouton en haut dans la barre d'​outils.
 {{ :​gdevelop5:​layers-editor-button.png?​nolink&​200 |}} {{ :​gdevelop5:​layers-editor-button.png?​nolink&​200 |}}
  
-## Toggle window mask +## Masque de fenêtre 
-By clicking the toggle window mask button on the topwe can turn the black border in our scene on and off which is indicating the size of our game window.+En cliquant sur le bouton Masque de fenêtre situé en hautnous pouvons activer et désactiver la bordure noire de notre scène qui indique la taille de notre fenêtre de jeu.
 {{ :​gdevelop5:​toggle-window-mask-button.png?​nolink&​200 |}} {{ :​gdevelop5:​toggle-window-mask-button.png?​nolink&​200 |}}
  
-## Toggle/Edit grid +## Editer la grille 
-By clicking the toggle/edit grid button on the top we get two options:+En cliquant sur le bouton d'​édition de la grille en haut, nous obtenons deux options:
 {{ :​gdevelop5:​toggle-grid-button.png?​nolink&​200 |}} {{ :​gdevelop5:​toggle-grid-button.png?​nolink&​200 |}}
-  * **Toggle grid:​** ​it is allow us to turn the grid in the scene editor on and offthe grid is useful when we need to place objects accurately or we are dealing with tile sprites. +  * **Toggle grid:​** ​il nous permet d'​activer et de désactiver la grille dans l'​éditeur de scènesla grille est utile lorsque nous avons besoin de placer des objets avec précision ou que nous avons à faire à des sprites ​de tuiles
-  * **Setup grid:​** ​it is allow us to customize the size of the grid+  * **Setup grid:​** ​il nous permet de personnaliser la taille de la grille.
  
-## Change editor ​zoom +## Changer le zoom de l'​éditeur 
-By clicking on the Change editor ​zoom buttonwe can change the zoom level inside the scene editor+En cliquant sur le bouton Modifier le zoom, on peut changer le niveau de zoom dans l'​éditeur de scène.
 {{ :​gdevelop5:​toggle-zoom-button.png?​nolink |}} {{ :​gdevelop5:​toggle-zoom-button.png?​nolink |}}
  
-## Launch preview of the scene +## Lancement de la prévisualisation de la scène 
-By clicking on the Preview buttonwe can launch a preview our game and test it before exporting it+En cliquant sur le bouton Prévisualisernous pouvons lancer un aperçu de notre jeu et le tester avant de l'​exporter.
 {{ :​gdevelop5:​preview-button.png?​nolink&​200 |}} {{ :​gdevelop5:​preview-button.png?​nolink&​200 |}}
  
-====== ​Events editor ​======+====== ​Éditeur d'​événements ​======
  
-When opening a scene (or when opening external events), an events editor is also openedThis is where you can use the events to create the actual ​gameplay ​and allow players to interact with your game and play it.  +Lors de l'​ouverture d'une scène ​(ou lors de l'​ouverture d'​événements externes), un éditeur d'​événements est également ouvertC'est ici que vous pouvez utiliser les événements pour créer le gameplay ​réel et permettre aux joueurs d'​interagir avec votre jeu et de le jouer.  
-The events editor is a tool that allow you to visually program your game without any programming knowledge or experience required so anyone with any background can make a game in GDevelop.+L'​éditeur d'​événements est un outil qui vous permet de programmer visuellement votre jeu sans aucune connaissance de programmation ou d'​expérience requise afin que n'​importe qui avec n'​importe quel niveau puisse faire un jeu dans GDevelop.
  
-To switch between the Scene editor and the Events editor you can use tabs on the top+Pour basculer entre l'​éditeur de scène et l'​éditeur d'​événements,​ vous pouvez utiliser les onglets en haut de l'​écran.
 {{ :​gdevelop5:​scene-events-tab.png?​nolink |}} {{ :​gdevelop5:​scene-events-tab.png?​nolink |}}
  
-When you switch to the event editoryou may notice we have a different selection of tools available+Lorsque vous passez à l'​éditeur d'​événementsvous remarquerez peut-être qu'en haut un choix de différents outils est désormais disponible.
 {{ :​gdevelop5:​events-editor-toolset.png?​nolink |}} {{ :​gdevelop5:​events-editor-toolset.png?​nolink |}}
  
-## Add event +## Ajouter un événement 
-We can add an event by clicking the add event button+Nous pouvons ajouter un événement en cliquant sur le bouton Ajouter un événement
 {{ :​gdevelop5:​add-event-button.png?​nolink&​200 |}} {{ :​gdevelop5:​add-event-button.png?​nolink&​200 |}}
  
-By clicking this button a blank event appear in our editor+En cliquant sur ce bouton, un évènement vide apparaît dans notre éditeur.
 {{ :​gdevelop5:​blank-event.png?​nolink |}} {{ :​gdevelop5:​blank-event.png?​nolink |}}
  
-We can add any number of event blocks to our editor and add various condition and actions ​to each event block to make our logicYou can learn more about eventson this page: [[gdevelop5:​events|]]+Nous pouvons ajouter autant de blocs d'​événements à notre éditeur et ajouter diverses conditions et actions ​à chaque bloc d'​événements pour faire notre logique de jeuPour en savoir plus sur les événementsconsultez cette page: [[gdevelop5:​events|]]
  
-## Add sub event +## Ajouter un sous-événement 
-By clicking the add sub-event buttonwe can add a child event block to the selected event+En cliquant sur le bouton Ajouter un sous-événementnous pouvons ajouter un bloc d'​événement enfant à l'​événement sélectionné.
 {{ :​gdevelop5:​sub-event-button.png?​nolink&​200 |}} {{ :​gdevelop5:​sub-event-button.png?​nolink&​200 |}}
  
-After clicking the buttona blank sub event appear below our selected event+Après avoir cliqué sur le boutonun sous-événement vide apparaît en dessous de l'​événement sélectionné.
 {{ :​gdevelop5:​blank-sub-event.png?​nolink |}} {{ :​gdevelop5:​blank-sub-event.png?​nolink |}}
  
-Sub events are executed only if the parent ​event is executedthis way we can brake up our events and trigger events only when/if it is necessary and do not trigger them if it not.+Les sous-événements ne sont exécutés que si l'​événement ​parent ​est exécutéde cette façon nous pouvons freiner nos événements et déclencher des événements seulement quand/si c'est nécessaire et ne pas les déclencher si ce n'est pas le cas.
  
-## Add a comment +## Ajouter un commentaire 
-By clicking the add comment buttonwe can add comments to our events so we can remember which events fit what purpose+En cliquant sur le bouton ajouter un commentairenous pouvons ajouter des commentaires à nos événements afin que nous puissions nous rappeler quels événements correspondent à quel but
 {{ :​gdevelop5:​add-comment-button.png?​nolink&​200 |}} {{ :​gdevelop5:​add-comment-button.png?​nolink&​200 |}}
-Of coursemost events are self explaining but in hugecomplex games it is always useful to add comments to remind us what is that part is doing exactly.+Bien sûrla plupart des événements s'​expliquent d'​eux-mêmesmais dans les jeux gigantesques et complexes, il est toujours utile d'​ajouter des commentaires pour nous rappeler ce que fait exactement cette partie. Dans un projet à plusieurs mettre des commentaires est utile pour que vos collègues comprennent la logique des évènements plus simplement.
 {{ :​gdevelop5:​comment-in-editor.png?​nolink |}} {{ :​gdevelop5:​comment-in-editor.png?​nolink |}}
  
-## Add special events +## Ajouter des événements spéciaux 
-By clicking the add an event buttonalong with the ones we already mentionedwe have access to some special events+En cliquant sur le bouton Ajouter un événementen plus de ceux que nous avons déjà mentionnésnous avons accès à quelques événements spéciaux
 {{ :​gdevelop5:​add-special-events.png?​nolink |}} {{ :​gdevelop5:​add-special-events.png?​nolink |}}
  
-  * **For each object:​** ​this event is going to be triggered on every single ​instance ​of an object one by one and make sure the actions ​applied to every and each instance ​individually+  * **For each object:​** ​cet événement va être déclenché sur chaque ​instance ​d'un objet un par un et s'​assurer que les actions ​sont appliquées à chaque ​instance ​individuellement
-  * **Group:​** ​Groups allow us to sort events in to groupsit helps with make our events more organized +  * **Group:​** ​Les groupes nous permettent de trier les événements dans des groupescela nous aide à rendre nos événements plus organisés. 
-  * **Javascript code:​** ​it is allow us to use Javascript ​code inside the event editor +  * **Javascript code:​** ​il nous permet d'​utiliser le code Javascript dans l'​éditeur d'​événements 
-  * **Link:​** ​we can link an external event by using this option +  * **Link:​** ​nous pouvons lier un événement externe en utilisant cette option 
-  * **Repeat:​** ​this event is going to be repeated at specified number of times+  * **Repeat:​** ​cet événement va être répété un nombre spécifié de fois
-  * **While:​** ​this event is going to be executed while a certain ​condition ​is met+  * **While:​** ​cet événement va être exécuté tant qu'une certaine ​condition ​est remplie
  
-## Delete selected events +## Supprimer les événements sélectionnés 
-By clicking the delete selected events buttonwe can do exactly that+En cliquant sur le bouton Supprimer les événements sélectionnésce bouton fait exactement ce qui est écrit.
 {{ :​gdevelop5:​delete-selected-events-button.png?​nolink&​200 |}} {{ :​gdevelop5:​delete-selected-events-button.png?​nolink&​200 |}}
  
-## Undo/Redo changes +## Annuler/Rétablir les modifications 
-By clicking the Undo or Redo changes buttonwe can do exactly that+En cliquant sur le bouton Annuler ou Rétablir les modificationsceci sera fait.
 {{ :​gdevelop5:​undo-redo-buttons.png?​nolink&​200 |}} {{ :​gdevelop5:​undo-redo-buttons.png?​nolink&​200 |}}
  
-## Search in events +## Rechercher dans les événements 
-By clicking the search in events buttonwe can do just that, search for any expression ​in the events and find what we looking for+En cliquant sur le bouton de recherche dans les événementsrecherchez n'​importe quelle ​expression ​dans les événements et trouvez ce que vous voulez.
 {{ :​gdevelop5:​search-events-button.png?​nolink&​200 |}} {{ :​gdevelop5:​search-events-button.png?​nolink&​200 |}}