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:sprite [2019/07/17 14:55]
poustoff621
fr:gdevelop5:objects:sprite [2019/07/17 15:31]
poustoff621
Line 69: Line 69:
 {{ :​gdevelop5:​objects:​name-animation.png?​nolink |}} {{ :​gdevelop5:​objects:​name-animation.png?​nolink |}}
  
-<note tip> +<note tip>Dans les objets comportant plusieurs animations, il peut être difficile de différencier les animations sans noms. Il est généralement recommandé d'​utiliser des noms d'​animation significatifs pour les objets comportant plusieurs animations.
-Dans les objets comportant plusieurs animations, il peut être difficile de différencier les animations sans noms. Il est généralement recommandé d'​utiliser des noms d'​animation significatifs pour les objets comportant plusieurs animations. +
-Si nous n'​entrons pas de nom, nous devons utiliser le numéro d'​animation pour faire référence à cette animation.  +
-</note tip>+
  
 +Si nous n'​entrons pas de nom, nous devons utiliser le numéro d'​animation pour faire référence à cette animation.</​note>​
  
 +### Ajouter plusieurs images dans une animation
  
-==== Speed of the animation ​====+Pour ajouter plusieurs images à une animation, vous pouvez sélectionner toutes les images dans l'​explorateur de fichier et les ajouter d'un coup à l'​animation. 
 + 
 +{{ :​gdevelop5:​objects:​animation-multiple-images.png?​nolink |}} 
 + 
 +Les images seront lues dans le même ordre que celui affiché. 
 + 
 +### Répéter l'​animation 
 + 
 +Par défaut, chaque animation n'est jouée qu'une fois, ce qui signifie que l'​animation s'​arrête dès la fin de la dernière image. Pour répéter l'​animation,​ nous pouvons faire //​boucler// ​ l'​animation. Nous pouvons mettre ​ l'​animation en mode boucle en cliquant sur l'​icône **Loop** (Boucle). 
 + 
 +{{ :​gdevelop5:​objects:​set-animation-loop.png?​nolink |}} 
 + 
 +Une fois qu'une animation est configurée pour être en boucle, elle est lue en continu. 
 + 
 +### Régler la vitesse de l'​animation 
 + 
 +La vitesse de l'​animation peut être définie en modifiant la valeur à l'aide de l'​icône d'​horloge.
  
-We can also set the speed of the animation by changing the value by the clock icon 
 {{ :​gdevelop5:​objects:​set-animation-speed.png?​nolink&​200 |}} {{ :​gdevelop5:​objects:​set-animation-speed.png?​nolink&​200 |}}
-The value we enter here is basically the elapsed time between each frame. 1 is 1 second but we can enter smaller values too such as 0.5 for example for faster playback. 
  
-==== Repeat ​the animation ​====+La valeur entrée dans le champ est le temps écoulé entre deux images consécutives. La valeur par défaut est 0,08 seconde. Pour une lecture plus rapide, utilisez une durée d'​animation réduite, et pour une lecture plus lente, une durée d'​animation plus élevée. 
 + 
 +## Donner un nom aux objets 
 + 
 +En haut de la boîte de dialogue est affiché le nom de l'​objet dans le champ **Object name** (Nom de l'​objet). Le nom de l'​objet décrit généralement le contenu ou le rôle de cet objet, ce qui permet de le distinguer facilement des autres. 
 + 
 +{{ :​gdevelop5:​objects:​annotation_2019-06-09_152442.png?​nolink |}} 
 + 
 +## Ajouter des objets à la scène 
 + 
 +Pour ajouter un objet sprite à la scène, sélectionnez-le dans la liste et cliquez dans la scène pour ajouter une occurrence de cet objet à la scène. 
 + 
 +Votre nouveau sprite est maintenant terminé, mais vous devez toujours l'​ajouter à votre scène de jeu. Cliquez sur la nouvelle image-objet dans la liste des objets. Ensuite, cliquez sur la scène à laquelle vous souhaitez ajouter le sprite. Vous verrez maintenant votre sprite ajouté à la scène. Vous pouvez ajouter plusieurs //​instances//​ de votre sprite à votre écran de jeu. Répétez simplement le processus pour ajouter le premier sprite. 
 + 
 +{{ :​gdevelop5:​objects:​addspritetoscene.gif |}} 
 + 
 +## Utiliser plusieurs animations à l'aide d'​événements 
 + 
 +Après avoir créé plusieurs animations, chacune avec son propre ensemble d'​images,​ vous pouvez utiliser des événements pour basculer entre les diverses animations. Régler la vitesse d'​animation entre 0 et 1 garantira qu'​elle reste active lors de l'​utilisation d'​événements. 
 + 
 +<​note>​L'​utilisation d'une durée d'​animation négative désactive les actions d'​événement. 
 + 
 +// Ne pas utiliser de valeurs négatives.//</​note>​ 
 + 
 +Lorsque vous avez défini plusieurs animations pour un objet, vous pouvez utiliser l'​onglet événements pour **Change ​the animation ​(by name)** (Modifier l'​animation (par le nom)). Ceci est contrôlé dans la section **Add action** (Ajouter une action) de la condition. Cela permet de passer à l'​animation correcte chaque fois que la condition utilisée dans la section** Add condition** (Ajouter une condition) est vraie. 
 + 
 +{{ :​gdevelop5:​objects:​eventanimationexample.png?​nolink |}} 
 + 
 +Comme conseillé précédemment,​ utilisez des noms d'​animation significatifs pour plusieurs animations dans un objet afin de les différencier facilement. 
 + 
 +Pour ajouter une action permettant de modifier l'​animation à l'aide du nom de l'​animation,​ choisissez la condition **Change the animation (by name)** (Modifier l'​animation (par le nom)). 
 + 
 +Placez ensuite ce nom dans le champ **Animation name** (Nom de l'​animation) entouré de guillemets. 
 + 
 +{{ :​gdevelop5:​objects:​eventanimnameexample.png?​nolink |}} 
 + 
 +Pour plus de détails, suivez [[http://​wiki.compilgames.net/​doku.php/​gdevelop5/​tutorials|les tutoriaux ici]]. 
 + 
 +## Exemples 
 + 
 +<note tip>​**Voir en action !** 🎮\\ 
 +Cliquez sur les images pour ouvrir les exemples en ligne.</​note>​
  
-By default every animation play only once, meaning when get to the last frame of the animation it will stopIn some cases it is preferred to repeat the animation, we can set the animation to loop by clicking the repeat icon to display loop +[[https://​editor.gdevelop-app.com/?​project=example://​change-scale-of-sprites|{{:​gdevelop5:​objects:​createaspritenew.png?|}}]]
-{{ :​gdevelop5:​objects:​set-animation-loop.png?nolink&​200 ​|}} +
-Once an animation is set to loop, it is going to play continuously.+
  
-==== Add multiple animations ====+----
  
-We can also add multiple animations by clicking the add animation ​button just like we did the first time, this way we can separate the different animations easily +[[https://​editor.gdevelop-app.com/?​project=example://​change-sprite-animation|{{:​gdevelop5:​objects:​changespriteanimationexamplenew.png?|}}]]
-{{ :​gdevelop5:​objects:​multiple_animations.png?nolink&​400 ​|}}+
  
-Later we can switch between the animations using events.+----
  
-Finally, to save out properties just click the Apply button in the bottom right corner. +[[https://​editor.gdevelop-app.com/?​project=example://​change-sprite-color|{{:​gdevelop5:​objects:​changespritecolorexamplenew.png?|}}]]
-To add the sprite ​object to our scene just select it and click in the scene to add an instance of the object to our scene.+
  
-==== Examples ==== +----
-  * change sprite animation: [[https://​gametemplates.itch.io/​template-change-sprite-animation|Link]] +
-  * play-stop sprite animation: [[https://​gametemplates.itch.io/​template-playstop-sprite-animation|Link]]+
  
-List of examples coming soon +[[https://​editor.gdevelop-app.com/?​project=example://​play-stop-sprite-animation|{{:​gdevelop5:​objects:​changespriteanimationexample2new.png?​|}}]]
-  * change ​animation ​frame on key press+
  
-➡️ Suite **[[fr:​gdevelop5:​objects:​sprite|Objets Sprite]]** !