Differences

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

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
fr:gdevelop5:objects:base_object [2019/07/17 10:51]
poustoff621 [Ajouter un objet à votre jeu]
fr:gdevelop5:objects:base_object [2019/07/17 13:45] (current)
poustoff621 [Dans l'éditeur d'événements]
Line 19: Line 19:
 En fonction du type d'​objet choisi, l'​éditeur,​ l'​aspect de l'​objet et les fonctionnalités disponibles dans les événements seront différents. Le but de cette page étant d'​expliquer les objets en général, nous n'​entrerons pas dans les détails des propriétés propres à chaque type d'​objets. Vous pouvez trouver des  [[http://​wiki.compilgames.net/​doku.php/​gdevelop5/​objects|informations détaillées ici]]. En fonction du type d'​objet choisi, l'​éditeur,​ l'​aspect de l'​objet et les fonctionnalités disponibles dans les événements seront différents. Le but de cette page étant d'​expliquer les objets en général, nous n'​entrerons pas dans les détails des propriétés propres à chaque type d'​objets. Vous pouvez trouver des  [[http://​wiki.compilgames.net/​doku.php/​gdevelop5/​objects|informations détaillées ici]].
  
 +# Les objets dans la scène
  
 +## Ajouter une instance d'​objet à la scène
  
-## Ajouter ​une instance ​d'​objet ​à notre scène+Un objet peut être placé sur la scène en le sélectionnant dans l'​onglet **Object** (cliquez dessus), puis en le faisant glisser dans la scène pour placer ​une instance ​* de cet objet. Une * instance * est fondamentalement une //copie// de l'​objet ​vivant sur la scène. Chaque instance a ses propres variables, position, animations (pour les objets sprite), contenu (pour les textes), etc ...
  
-Vous pouvez ajouter une instance ​d'​objet ​à la scène ​en sélectionnant l'​objet dans la colonne des objets, puis en cliquant sur la scène afin de faire apparaitre une instance de cet objet : une instance est une copie de l'​objet ​initial.+Nous pouvons modifier la position ​d'un objet en sélectionnant l'​objet dans l'​éditeur ​de scène et en le faisant glisser. 
 +Nous pouvons redimensionner ​l'​objet ​en le sélectionnant et en faisant glisser l'une des poignées d'​échelle blanches.
  
 +{{ :​gdevelop5:​objects:​coin-selected.png?​nolink&​200 |}}
  
-## Ajouter des objets à des groupes+## Modifier les propriétés d'un objet
  
-Il est possible d'ajouter des objets ​à des groupesPour celacliquer sur l'icone du groupe (en haut)+Lorsque nous sélectionnons un objet dans l'éditeur de scène, le panneau de propriétés situé ​à gauche affiche ​des informations sur la ou les instances sélectionnéesS'il n'est pas ouvertvous pouvez ​l'ouvrir ​en cliquant sur le bouton des propriétés situé dans la barre d'​outils :
  
-{{ :​gdevelop5:​objects:​groups-button.png?​nolink&​200 |}}+{{ :​gdevelop5:​objects:​object-propeties-button.png?​nolink&​200 |}}
  
-La colonne "​Groupe ​d'objets"​ apparait, et vous pouvez y voir la liste des différents groupes de la scène.  +## Position de l'​instance ​d'​un ​objet
-Pour ajouter un nouveau groupe, cliquer sur le bouton "​Ajouter ​un groupe" ​+
  
-{{ :gdevelop5:​objects:​add-group-button.png?​nolink&​400 |}}+Vous pouvez définir avec précision la position des instances sélectionnées en modifiant les valeurs **X** et **Y** dans le panneau des propriétés ​:
  
-Le nouveau groupe fraichement créé devrait apparaitre dans la liste.+{{ :​gdevelop5:​objects:​object-position-properties.png?​nolink&​400 |}}
  
-{{ :​gdevelop5:​objects:​group-group.png?​nolink&​400 |}}+## Angle (orientation) de l'​instance d'un objet
  
-Pour renomer un groupe, faites un clic droit sur le groupe, et sélectionnez "​Renommer"​ +Vous pouvez définir l'​angle (l'​orientation) de l'​instance en modifiant la valeur de l'​angle :
-Pour ajouter un objet au groupe, faites un clic droit sur le groupe, et sélectionnez ​ "​Editer le groupe"​+
  
-Dans la fenêtre, cliquez sur le bouton "​Choisir un objet à ajouter au groupe",​ puis choisissez l'​objet que vous désirez voir apparaitre dans le groupe.+{{ :​gdevelop5:​objects:​object-angle-properties.png?​nolink&​400 |}}
  
-{{ :gdevelop5:​objects:​edit-group.png?​nolink&​400 |}}+L'​angle peut prendre n'​importe quelle valeur de 0 à 360 degrés. Rappelez-vous ce diagramme pour voir quelle est l'​orientation d'un angle donné ​:
  
-Ceci fait, cliquez sur le bouton "​Valider"​ en bas à droite.+{{ :​gdevelop5:​objects:​gdevelop_co.png?​nolink&​400 |}}
  
-Le but d'un groupe est de pouvoir choisir / sélectionner,​ lors de la création de votre jeu, tous les objets d'un groupe en une seule fois, au lieu de choisir chaque objet un par un.  +## L'ordre Z
-Par exemple, vous pouvez ​ ajouter tous les ennemis de votre jeu dans un groupe "​Ennemis"​ : vous pouvez ensuite effectuer des actions pouvant concerner l'​ensemble de vos ennemis (comme par exemple tous les détruire ou tous les immobiliser ! )+
  
-# Dans l'éditeur de scène+Vous pouvez modifier ​l'ordre Z d'une instance dans le panneau des propriétés :
  
-Vous pouvez changer la position d'un objet en sélectionnant l'​objet dans l'​éditeur de scène, puis en faisant un glisser / déplacer. +{{ :​gdevelop5:​objects:​object-zorder-properties.png?​nolink&​400 |}} 
-Vous pouvez changer la taille d'un objet en cliquant sur un des coins de l'​objet,​ puis en faisant un glisser / déplacer.+
  
-{{ :​gdevelop5:​objects:coin-selected.png?​nolink&​200 |}}+Le but de l'​ordre Z est de permettre de spécifier quel objet sera affiché en premier, lorsque les instances se chevauchent. Plus précisément,​ nous pouvons contrôler si l'​objet est derrière un autre objet ou s'il est devant en définissant des valeurs différentes ​lorsque deux objets se chevauchent,​ l'​objet avec la valeur d'​ordre Z inférieure sera affiché derrière l'​autre.
  
 +Les valeurs peuvent être n'​importe quel entier, y compris les nombres négatifs et 0.
  
-## Dans la colonne des propriétés+{{ :​gdevelop5:​objects:​coin-bush-zorder.png?​nolink&​400 |}}
  
-Lorsque vous sélectionnez un objet dans l'éditeur de scènevous pouvez apercevoir les "​Propriétés de l'objet" sur la gauche ​: c'​est ​ici que les propriétés peuvent être modifiées. Si les propriétés ne s'affichent pas, vous pouvez cliquer sur le bouton des propriétés en haut.+Sur l'image ci-dessus, l'ordre Z du buisson à gauche ​est 2, l'ordre Z de la pièce ​est 1 et l'ordre Z du buisson à droite est 0.
  
-{{ :​gdevelop5:​objects:​object-propeties-button.png?​nolink&​200 |}} +## Les calques (layers)
  
 +Vous pouvez définir le calque d'une instance :
  
-## Position+{{ :​gdevelop5:​objects:​object-layer-properties.png?​nolink&​400 |}}
  
-Vous pouvez changer la position ​de l'objet sélectionné en modifiant ​les valeurs X et Y dans les propriétés de l'objet.+Par défaut, chaque scène ​de GDevelop est fournie avec un seul calque (ou couche) appelé **Base layer** (calque de base). C'est là que tous les objets de notre scène sont situés. Nous pouvons ajouter plus de calques à des fins diverses ​et mettre n'​importe quelle instance sur n'​importe quel calque. Par exemple, il peut y avoir un calque pour afficher ​les commandes à l'écran, une autre pour afficher un menu, une carte ou un arrière-plan.
  
-{{ :​gdevelop5:​objects:​object-position-properties.png?​nolink&​400 |}}+## Verrouiller la position ​/ l'​angle
  
 +En cochant la case** Locked** (Verrouiller) la position / l'​angle dans l'​éditeur,​ vous pouvez rendre l'​instance inamovible dans l'​éditeur.
  
-## Angle+{{ :​gdevelop5:​objects:​lock-sprite.png?​nolink&​400 |}}
  
-Vous pouvez changer l'​angle de l'​objet sélectionné en modifiant ​la valeur ​d'angle dans les propriétés ​de l'objet.+Quand une instance est verrouillée,​ nous ne pouvons plus la sélectionner dans la scène. Il y a des moments où nous avons beaucoup ​d'objets qui se chevauchent ​dans la scène ce qui rend difficile la sélection ​de certains d'​entre eux, car nous continuons à sélectionner ceux que nous n'​avons pas l'intention de manipuler. Dans ce cas, nous pouvons verrouiller les instances.
  
-{{ :​gdevelop5:​objects:​object-angle-properties.png?​nolink&​400 |}}+Vous pouvez déverrouiller une instance verrouillée en ouvrant le panneau d'​instances,​ qui affiche toutes les instances de notre scène et en sélectionnant l'​objet dans la liste.
  
-La valeur de l'angle doit être comprise entre 0 et 360.+## Les variables d'instance
  
-{{ :gdevelop5:​objects:​gdevelop_co.png?​nolink&​400 |}}+Le bouton **Edit variables** (Editer les variables) permet de définir des variables spécifiques à l'​instance sélectionnée ​:
  
 +{{ :​gdevelop5:​objects:​instance-variables-property.png?​nolink&​400 |}}
  
 +Une variable est essentiellement un conteneur qui renferme une valeur (un nombre, un texte) pouvant être comparée et modifiée au cours du jeu. Il existe différents types de variables dans GDevelop, en particulier chaque objet peut contenir des variables. Lorsque le jeu est en cours d'​exécution,​ chaque //​instance//​ de l'​objet vivant sur la scène aura ses propres variables.
  
-## Profondeur Z +L'​éditeur de variables permet de définir des variables spécifiques à l'​instance sélectionnée. Par exemple, si vous avez sur la scène des objets représentant des coffres contenant de l'or, vous pouvez modifier la variable nommée "​Or"​ de chaque instance pour définir un nombre différent. Ensuite, dans les événements,​ lorsque le joueur entre en collision avec un coffre, vous pouvez lire la valeur de la variable pour l’ajouter au montant en or du joueur.
  
-La profondeur Z d'un objet peut être changée en modifant la valeur "​Profondeur Z" dans les propriétés.+## Dimensions personnalisées
  
-{{ :gdevelop5:​objects:​object-zorder-properties.png?​nolink&​400 |}} +Vous pouvez modifier la taille des objets en activant la taille personnalisée dans le panneau de propriétés,​ puis entrez les dimensions personnalisées **Width** (largeur) et  **Height** (hauteur) en pixels ​:
  
-Le but de la profondeur Z est de modifer la position des objets dans l'axe des Z (profondeur) ​vous pouvez ainsi permettre qu'un objet soit devant ou derrière un autre. Plus la valeur utilisée est élevée, plus l'​objet sera "​proche"​ de vous. Il n'y a pas de limite supérieure des valeurs que vous désirez utiliser.+{{ :gdevelop5:​objects:​customsize-properties.png?​nolink&​400 |}}
  
-{{ :​gdevelop5:​objects:​coin-bush-zorder.png?​nolink&​400 |}}+# Les groupes d'​objets
  
-Dans l'image ci-dessus, la profondeur Z du buisson de gauche ​est 2la profondeur Z de la pièce est 1Le buisson de droite a quand à lui une profondeur Z de 0.+Un groupe d'objets ​est un ensemble d'​objets. Par exempleun groupe appelé ​ "​Ennemis"​ peut contenir des objets "​Champignon",​ "​Bombe",​ "​Dinosaure"​Vous pouvez ensuite utiliser le nom du groupe dans les événements pour faire référence ​à tous les objets contenus dans le groupe.
  
 +Cela permet de créer des événements qui s'​appliquent à un grand nombre d'​objets sans les répéter plusieurs fois, ce qui augmente les performances du jeu, la facilité de maintenance et la lisibilité des événements.
  
-## Calques+Pour ouvrir l’éditeur de groupes, cliquez sur l’icône des groupes dans la barre d’outils :
  
-Le calque d'un objet peut être changé dans la colonne des propriétés.+{{ :​gdevelop5:​objects:​groups-button.png?​nolink&​200 |}}
  
-{{ :gdevelop5:​objects:​object-layer-properties.png?​nolink&​400 |}}+L'​éditeur de groupes répertorie tous les groupes de la scène (ainsi que les groupes globaux disponibles dans toutes les scènes du jeu). Pour ajouter un groupe, cliquez sur le bouton **Click to add a group** ​ (Cliquez pour ajouter un groupe) en bas de la liste :
  
-Par défaut, chaque scène de GDevelop possède un seul calque nommé "​Calque de base" ​c'est sur ce calque que sont posés tous les objets de notre scène. Il est bien entendu possible d'​ajouter d'​autres calques, afin que vous puissiez déposer n'​importe quel objet sur n'​importe quel calque ! ( Par exemple, vous pouvez créer un calque pour mettre les éléments d'un menu ou d'une carte.)+{{ :gdevelop5:​objects:​add-group-button.png?​nolink&​400 |}}
  
 +Un nouveau groupe est ajouté ​ dans la liste :
  
-## Verrouiller+{{ :​gdevelop5:​objects:​group-group.png?​nolink&​400 |}}
  
-Vous pouvez verrouiller l'objet sélectionné en cochant la case correspondante dans les propriétés.+* Pour renomer un groupe, faites un clic droit sur le groupe et sélectionnez **Rename** (Renommer). 
 +* Pour ajouter un objet au groupe, cliquez ou tapez sur le groupe.
  
-{{ :​gdevelop5:​objects:​lock-sprite.png?​nolink&​400 |}}+Dans la fenêtre qui s'​ouvre pour éditer le groupe, cliquez sur le champ du bas et choisissez un objet (ou écrivez le nom d'un objet) pour l'​ajouter au groupe.
  
-Le but de cette fonction est de verrouiller l'​objet afin qu'il ne puisse plus être sélectionné dans la scène. +{{ :​gdevelop5:​objects:edit-group.png?​nolink&​400 |}}
-Cela est utile lorsque vous avez beaucoup d'​objets dans la scène qui se superposent ​il peut être judicieux de les verrouiller afin d'​éviter de les déplacer accidentellement +
-Vous pouvez déverrouiller un objet en ouvrant la colonne des instances d'​objets de la scène, puis en sélectionnant l'​objet en question dans la liste.+
  
 +# Les variables
  
-## Variables ​d'​instance+Chaque objet peut contenir des variables, qui sont des cellules de mémoire que vous pouvez utiliser pour stocker des informations. Lorsque le jeu est en cours d'exécution, chaque //instance// de l'​objet vivant sur la scène aura ses propres variables.
  
-Vous pouvez ajouter des variables ​aux objets ​en cliquant ​sur le bouton "​Editer ​variables".+Consultez [[gdevelop5:​all-features:​variables|cette page]] pour en savoir plus sur les variables.
  
-{{ :​gdevelop5:​objects:​instance-variables-property.png?​nolink&​400 |}}    ​+# Les  chronomètres ou minuteries
  
-Les variables sont à elles seules un chapitre complet : nous n'​expliqueront donc pas dans ce paragraphe tous les tenants ​et aboutissants des variables. Nous pouvons cependant dire, d'une manière générale, que les variables permettent de stocker une valeur (ou un texte) afin de pouvoir la comparer ou la modifier ultérieurement dans le programme du jeu. Il y a différents types de variables dans GDevelop. +Les objets peuvent contenir leurs propres chronomètres ​et chaque chronomètre sera unique ​pour chaque ​instance de l'​objet ​vivant ​sur la scène. ​Les chronomètres ​d’objets sont utiles pour créer des instances permettant ​de lancer des actions toutes ​les X secondes.
-Dans ce cas précis, la valeur stockée dans la "​variable d'​instance"​ est une variable ​unique ​et spécifique à l'instance de l'​objet ​sélectionné.  +
-On peut, par exemple, utiliser les variables d'​instances pour stocker le nombre de points de vie de chaque ennemi présent ​sur la scène. ​Si la valeur de la variable ​d'​instance ​de la vie d'un ennemi arrive à 0, cela ne va pas tuer tous les ennemis, mais seulement celui qui n'a plus de vie (car les variables d'​instances sont uniques et spécifiques à chaque instance d'​objet).+
  
 +Par exemple, une utilisation classique consiste à simuler des balles tirées par une arme. Si vous avez un seul char sur la scène, vous pouvez utiliser un chronomètre de scène pour que ce char puisse tirer (créer une balle) toutes les 3 secondes, puis réinitialiser le chronomètre (pour que le char puisse tirer à nouveau).
  
-## Taille personnalisée+Le problème est que si vous avez 2 chars et utilisez un chronomètre de scène, vous remarquerez que les deux chars tirent en même temps, car ils partagent le même chronomètre de scène. 
 +Vous devez disposer de deux chronomètres distincts, indépendants l’un de l’autre, pour que le second char tire à son rythme. Mais que faire si vous avez 100 chars ? Vous ne voudrez certainement pas créer 100 chronomètres de scène, un par instance.
  
-Vous pouvez changer la taille des objets ​en activant la fonction "​Taille personalisée"​ dans la colonne ​des propriétésIl vous suffit ensuite de saisir la largeur et la hauteur voulue (en nombre ​de pixels).+C'est à ce moment que les chronomètres d'objets ​deviennent utiles : remplacez chaque condition / action utilisant le chronomètre de scène par des conditions / actions permettant d'​utiliser les chronomètres d'​objetPendant le jeu, GDevelop créera un chronomètre pour chaque instance de char. Lorsque ​vous utiliserez une condition pour vérifier ​la valeur d'un chronomètre,​ seule l'​instance dont le chronomètre a une valeur ​en secondes supérieure au nombre ​que vous avez entré sera sélectionnée.
  
-{{ :gdevelop5:objects:​customsize-properties.png?​nolink&​400 ​|}}+Vous pouvez en apprendre plus sur les chronomètres en étudiant ​[[gdevelop5:all-features:​timers|]]
  
 +# La visibilité
  
-# Dans l'éditeur ​d'événements+La visibilité d'un objet est la propriété qui lui permet d'​être visible après sa création. La visibilité d'un objet peut être activée ou désactivée. Si l'objet n'est pas visible, cela ne signifie pas que l'​objet n'​existe pas. Par contre, si l'​objet cesse d'exister, cela implique directement que l'​objet n'est pas visible. Si l'​objet existe, il est visible et inversement.
  
-Vous pouvez également changer ou modifier les propriétés d'une instance d'​objet ​(ou d'un groupe d'​instances) grâce à l'​éditeur d'​événements. C'est justement là tout l'​intéret de GDevelop : pouvoir manipuler et modifier ​les objets et actions ​qui lui sont associées, pendant que le jeu est lancé ! Des exemples sont disponibles afin que vous puissiez comprendre ​et vous rendre compte des énormes possibilités offertes par GDevelopp dans ce domaine.+Si l'​objet ​existe et que sa visibilité ​est désactivée,​ toutes ​les actions et conditions auront lieu exactement comme si l'​objet était visible.
  
 +# Dans l'​éditeur d'​événements
  
-## L'onglet ​des événements+Vous pouvez modifier et manipuler les propriétés d'une instance d'​objet ou de plusieurs instances à l'aide d'​événements au cours du jeu. C’est même ce qu’est le gameplay dans GDevelop : manipuler ​des objets en temps réel pendant que nous jouons. Comme les événements et l’éditeur d’événements ​sortent du cadre de cette page, reportez-vous à la page [[fr/​gdevelop5:​ tutoriels: basic-game-making-concepts| Concepts de base du jeu]] pour commencer.
  
-Pour ouvrir l'​éditeur d'​événementscliquez simplement sur l'onglet "​Evénements"​ (en haut à coté de la scène). +* Tous les objets partagent les mêmes caractéristiques communes (comme la position, l'angle et tout ce qui est décrit sur cette page). De nombreuses conditions et actions peuvent être utilisées pour tous les objets. Vous pouvez [[gdevelop5objects: base_object:​ events | en savoir plus sur les conditions / actions communes pour tous les objets ici.]] 
-Le nom qui apparaitra dans l'​onglet sera de la forme  "​nom de scène"​(EVENEMENTS). Par défaut, les nouvelles scènes sont appelées "​NouvelleScène"​vous devriez donc souvent voir  "​NouvelleScène(EVENEMENTS)"​+* Les objets peuvent également vous fournir une fonctionnalité spécifique. Par exemple[[[gdevelop5objects: sprite | les objets sprite]] peuvent avoir des animations et l'​animation en cours de lecture peut être modifiée à l'aide d'une action.
  
-{{ :​gdevelop5:​objects:​events-tab.png?​nolink&​400 |}} 
- 
-Après avoir cliqué sur l'​onglet,​ vous pourrez voir tous les événements constituant votre scène. Pour plus d'​informations sur les évenements,​ n'​hésitez pas  à consulter le wiki de GDevelop. 
- 
- 
-# Exemples 
- 
-  * Créer un objet en 1 clic : [[https://​gametemplates.itch.io/​template-create-object-with-mouse-click|Link]] 
-  * Supprimer un objet en 1 clic : [[https://​gametemplates.itch.io/​template-delete-object-with-mouse-click|Link]] 
-  * Changer la position d'un objet : [[https://​gametemplates.itch.io/​template-change-position-of-object|Link]] 
-  * Déplacer un objet à une position : [[https://​gametemplates.itch.io/​template-move-object-toward-position|Link]] 
-  * Tourner un objet avec les flèches directionelles : [[https://​gametemplates.itch.io/​template-rotate-with-keypress|Link]] 
-  * Tourner un objet en direction d'une position : [[https://​gametemplates.itch.io/​rotate-toward-position|Link]] 
-  * Cacher et déplacer des objets : [[https://​gametemplates.itch.io/​template-manipulate-text-object|Link]] 
- 
-D'​autres exemples sont bientôt à venir : 
-  * Changer la profondeur Z d'un objet en cliquant sur l'​objet 
-  * Mettre à l'​éhelle un objet grâce aux flèches directionelles 
-  * ... 
    
- 
-