Blog ENI : Toute la veille numérique !
Offre estivale️ ☀️ : de -20% à -30% sur les livres en ligne et vidéos, avec le code PLAGE Cliquez ici !
Accès illimité 24h/24 à tous nos livres & vidéos ! 
Découvrez la Bibliothèque Numérique ENI. Cliquez ici
  1. Livres et vidéos
  2. Scratch 3
  3. Les éditeurs
Extrait - Scratch 3 S'initier à la programmation, à la robotique et à l’IA par le jeu (2e édition)
Extraits du livre
Scratch 3 S'initier à la programmation, à la robotique et à l’IA par le jeu (2e édition) Revenir à la page d'achat du livre

Les éditeurs

Introduction

À la différence d’autres logiciels, Scratch intègre :

  • Une palette graphique pour dessiner et modifier les sprites et les arrière-plans.

  • Un éditeur audio pour enregistrer des sons ou modifier les sons existants.

Dans ce chapitre, vous allez découvrir l’interface de ces deux éditeurs afin d’apprendre à les utiliser pour vos futurs projets.

La palette graphique

Deux possibilités pour accéder à la palette graphique :

 Sélectionnez l’onglet Costume ou l’onglet Arrière-plans.

 Cliquez sur l’icône peindre dans Choisir un sprite ou Choisir un arrière-plan.

La palette graphique est pourvue d’une toile, située au centre, pour dessiner et modifier les éléments graphiques grâce à différents outils.

1. Des images vectorielles

Lorsque vous ouvrez la palette graphique, elle s’ouvre en mode vectoriel. En effet, la plupart des images disponibles dans les différentes bibliothèques (sprites et arrière-plans) sont dans ce format.

images/03FI01.PNG

Le mode vectoriel est sélectionné.

Une image vectorielle est constituée d’objets géométriques (courbes, rectangles, segments, etc.) auxquels sont attribuées des coordonnées, des couleurs, des textures, etc. Ces images présentent l’intérêt de pouvoir être agrandies sans perte de qualité. L’interface de Scratch est elle-même constituée d’images vectorielles. Les logiciels tels qu’Illustrator et Inkscape créent des images vectorielles.

Si vous convertissez une image bitmap en image vectorielle, tous les éléments précédemment créés resteront au format Bitmap. Scratch ne permet pas de les convertir.

images/03FI02.png

2. Les outils pour modifier

Situés en haut de la toile et horizontalement, différents outils sont utilisables pour modifier les dessins présents sur la toile.

images/03FI03.png

Cet espace sert à modifier le nom des costumes (ou des arrière-plans).

images/03FI04.PNG

Annuler et Rétablir : utilisez ces deux flèches pour annuler ou rétablir les dernières actions en cliquant dessus autant de fois que nécessaire.

images/03FI05.PNG

Grouper et Dégrouper : les éléments créés sur la toile peuvent être regroupés pour former un seul objet. Par exemple, lorsque vous dessinez un personnage élément par élément (tête - corps - bras - jambes), ceux-ci ne sont pas associés.

 Positionnez les objets comme vous souhaitez qu’ils soient placés les uns par rapport aux autres.

 Une fois les objets positionnés, cliquez sur l’outil...

Le mode bitmap

Pour créer un sprite ou un arrière-plan, la palette graphique s’ouvre par défaut en mode vectoriel. Vous pouvez néanmoins choisir de créer vos images en mode bitmap, en sélectionnant Convertir en bitmap.

Une image bitmap est constituée d’une multitude de points appelés pixels. Le nombre de pixels détermine la résolution de l’image. Une image bitmap ne peut pas être agrandie sans perdre en qualité.

Si vous convertissez une image vectorielle en image bitmap, tous les objets vectoriels perdront leurs propriétés, mais les retrouveront si vous revenez en arrière.

En termes de pixels, la scène sur laquelle se déplacent les sprites est constituée de 172  800 pixels (360 * 480 pixels). Les logiciels tels que Paint, Photoshop, Gimp utilisent des images bitmap.

Les outils en mode bitmap sont à peu près comparables à ceux présents dans le mode vectoriel.

images/03FI35.png

Situés en haut de la toile et horizontalement, les outils utilisés pour effectuer des modifications sont identiques à ceux utilisables en mode vectoriel, mais moins nombreux.

images/03FI36.PNG

Outil Pinceau : cet outil est utilisé pour dessiner. L’épaisseur du trait est modifiable.

images/03FI37.PNG

images/03FI38.PNG

Outil Ligne : pour tracer des lignes parfaitement horizontales ou verticales, maintenez la touche [Shift] enfoncée lors...

L’éditeur de sons

Pour ouvrir l’éditeur permettant de gérer les sons, il faut sélectionner l’onglet Sons (1) présent pour les sprites et pour les arrière-plans.

images/03FI53.png

Les sons, qu’ils soient enregistrés, importés, ou issus de la bibliothèque, sont modifiables à l’aide de l’éditeur audio. Ils sont représentés sous la forme d’une onde (2) composée de pics de hauteurs et de largeurs variées.

L’axe des x (horizontal) mesure le temps.

L’axe des y (vertical) mesure l’amplitude, à savoir l’intensité sonore du signal audio. Plus les crêtes sont hautes, plus le signal sonore est fort. Plus les crêtes sont basses, c’est-à-dire près de l’axe central, plus le signal sonore est faible, voire silencieux.

La largeur des courbes représente la durée. Plus elles sont larges, plus le signal est long en termes de durée.

images/03FI54.png

De par son indication claire des changements d’amplitude, l’affichage du son sous la forme d’une onde convient parfaitement pour identifier les changements percutants dans les voix, les percussions, etc.

Par exemple, pour localiser un mot spécifique qui a été prononcé, il suffit de rechercher le pic correspondant à la première syllabe. Le creux suivant, quant à lui, correspondra à la dernière syllabe.

1. Ajouter des sons

Vous pouvez, dans vos projets, incorporer autant de sons que vous le souhaitez. Pour ajouter de nouveaux sons :

 Sélectionnez l’icône Choisir un son (3). Quatre icônes apparaissent.

images/03FI55.png

Choisir un son : permet de choisir un son dans la bibliothèque des sons. Ces sons, classés par catégories, sont très variés : des animaux aux instruments de musique en passant par des bruitages. 

images/03FI56.PNG

Lorsque vous passez le curseur de la souris...

Conclusion

L’environnement sonore et l’environnement graphique sont des éléments importants dans un jeu vidéo. Ils créent une ambiance, un style. Grâce à l’éditeur audio et aux blocs situés dans la catégorie Son, vous pourrez associer vos morceaux préférés à vos projets ou créer aisément vos propres musiques. La palette graphique, quant à elle, vous permettra de donner libre cours à votre imagination en dessinant vos propres sprites et arrière-plans, ou en modifiant à volonté ceux présents dans les différentes bibliothèques.