Comment créer des graphiques dans une application JES

JES est un environnement de programmation qui vous permet d'éditer des photos, des vidéos et du son. JES vous permet de sélectionner une image et de changer la couleur de chaque pixel. Cette approche programmatique vous permet d'éditer des images de manière intéressante.

JES comprend également une fonctionnalité intégrée pour ajouter vos propres graphiques sur les images. Cela inclut les lignes ou les formes telles que les rectangles, les ovales et les cercles.

Comment créer un canevas vide dans JES

Tu peux rendre les images existantes à l'aide de JES, y compris ceux qu'un utilisateur a stockés sur son ordinateur, qu'il choisit de télécharger. Si vous souhaitez dessiner vos formes sur une image vierge, vous pouvez utiliser la fonction intégrée makeEmptyPicture() pour créer un nouveau canevas vide à la place.

1. Dans une nouvelle application JES, créez une nouvelle fonction appelée createEmptyPicture():

   définitivementcreateEmptyPicture():

2. À l'intérieur, utilisez la fonction intégrée makeEmptyPicture(). Passez la largeur et la hauteur de la nouvelle image, en pixels, à la fonction. Étant donné que JES utilise Jython, assurez-vous d'indenter votre code, comme vous le feriez en Python. Vous pouvez jeter un oeil à certains commandes Python essentielles pour les débutants si vous avez besoin de réviser vos compétences Python.

   ImageVide = faireImageVide (600, 300)

3. Utilisez la fonction show() pour afficher l'image:

   montrer(image vide)

4. Clique sur le Charger le programme situé entre la zone de programmation et la ligne de commande. Cliquer sur Oui, et enregistrez votre code existant dans un nouveau fichier.
5. Saisissez le code suivant sur la ligne de commande:

   créerImageVide()

   Cela appellera la fonction createEmptyPicture, une fois que vous aurez appuyé sur Entrée :
6. La fonction s'exécutera alors, vous montrant le nouveau canevas vide.

Comment créer et ajouter des rectangles

Vous pouvez utiliser JES pour créer des formes telles que des rectangles. Dans JES, les coordonnées x et y partent du coin supérieur gauche de l'image, au lieu du coin inférieur gauche.

Utilisez la fonction intégrée addRect() pour dessiner un rectangle sur une image vide.

1. Créez une nouvelle fonction appelée drawRectangle():

   définitivementdessinerRectangle():

2. Dans la fonction, créez une nouvelle image vide:

   pic = makeEmptyPicture (600, 300)

3. Utilisez la fonction addRect() pour dessiner un rectangle. La fonction addRect() prend six paramètres. Le premier paramètre est la variable qui stocke l'image sur laquelle vous souhaitez dessiner. Viennent ensuite les coordonnées x et y du coin supérieur gauche du rectangle. Enfin, passez les coordonnées x et y du coin inférieur droit, et la couleur de la bordure.

   addRect (image, 50, 100, 200, 50, rouge)

4. Vous pouvez également ajouter des rectangles remplis à l'aide de la fonction addRectFilled(), au lieu de addRect():

   addRectFilled (image, 100, 200, 200, 50, rouge)

5. Utilisez la fonction show() pour afficher l'image:

   montrer(photo)

6. Clique sur le Charger le programme situé entre la zone de programmation et la ligne de commande.
7. Exécutez la fonction drawRectangle() via la ligne de commande :
8. Attendez que l'image s'ouvre, montrant les rectangles que vous avez créés.

Comment créer et ajouter des cercles et des ovales

Vous pouvez utiliser la fonction intégrée addOval() pour créer à la fois des ovales et des cercles. Si vous créez un cercle, assurez-vous que la largeur et la hauteur de l'ovale sont égales.

1. Créez une nouvelle fonction appelée drawCircle():

   définitivementdessinerCercle():

2. Dans la fonction, créez une nouvelle image vide:

   pic = makeEmptyPicture (600, 300)

3. Créez un ovale à l'aide de la fonction addOval(). Ajoutez l'image sur laquelle vous souhaitez dessiner l'ovale comme premier argument de la fonction. Saisissez les coordonnées x et y du point supérieur gauche de l'ovale. Ajoutez une largeur et une hauteur, qui ne doivent pas nécessairement être égales si vous dessinez un ovale. L'argument final prend en compte la couleur du contour de l'ovale:

   addOval (image, 100, 100, 50, 100, rouge)

4. Pour ajouter des ovales remplis, utilisez la fonction addOvalFilled(), au lieu de la fonction addOval():

   addOvalFilled (image, 200, 100, 50, 100, rouge) 

5. Vous pouvez utiliser la même fonction addOval() pour créer des cercles. Assurez-vous que les valeurs de largeur et de hauteur saisies comme troisième et quatrième arguments sont les mêmes:

   addOvale (image, 350, 100, 50, 50, rouge)

6. Utilisez la fonction addOvalFilled() pour créer un cercle rempli:

   addOvalFilled (image, 450, 100, 50, 50, rouge)

7. Utilisez la fonction show() pour afficher l'image:

   montrer(photo)

8. Clique sur le Charger le programme situé entre la zone de programmation et la ligne de commande.
9. Exécutez la fonction drawCircle() sur la ligne de commande :
10. Attendez que l'image s'ouvre pour voir les ovales et les cercles dessinés.

Comment créer et ajouter des lignes

Utilisez la fonction addLine() pour tracer des lignes sur votre image vide dans JES.

1. Créez une nouvelle fonction appelée drawLine():

   définitivementdessiner une ligne():

2. Dans la fonction, créez une nouvelle image vide:

   pic = makeEmptyPicture (600, 300)

3. Utilisez la fonction addLine() pour tracer une ligne. Entrez l'image sur laquelle vous allez tracer la ligne. Dans les deuxième et troisième arguments, entrez les coordonnées x et y du point de départ. Dans les quatrième et cinquième arguments, entrez les coordonnées x et y du point final. Enfin, entrez la couleur de la ligne. Cela trace une ligne de (50, 200) à (250, 200):

   addLine (image, 50, 200, 250, 200, rouge)

4. Utilisez la fonction show() pour afficher l'image:

   montrer(photo)

5. Clique sur le Charger le programme situé entre la zone de programmation et la ligne de commande.
6. Exécutez la fonction drawLine() sur la ligne de commande :
7. Attendez que l'image s'ouvre, montrant la nouvelle ligne.

Dessiner vos propres formes dans JES

Vous devriez maintenant pouvoir dessiner vos propres formes dans JES. Vous pouvez commencer à devenir plus créatif avec certaines des autres techniques de traitement d'image intéressantes proposées.