So erstellen Sie Grafiken in einer JES-Anwendung

JES ist eine Programmierumgebung, mit der Sie Fotos, Videos und Ton bearbeiten können. Mit JES können Sie ein Bild auswählen und die Farbe jedes Pixels ändern. Dieser programmatische Ansatz ermöglicht es Ihnen, Bilder auf interessante Weise zu bearbeiten.

JES enthält auch integrierte Funktionen zum Hinzufügen eigener Grafiken zu Bildern. Dazu gehören Linien oder Formen wie Rechtecke, Ovale und Kreise.

So erstellen Sie eine leere Leinwand in JES

Du kannst Rendern vorhandener Bilder mit JES, einschließlich derjenigen, die ein Benutzer auf seinem Computer gespeichert hat und die er zum Hochladen auswählt. Wenn Sie Ihre Formen auf einem leeren Bild zeichnen möchten, können Sie stattdessen die integrierte Funktion makeEmptyPicture() verwenden, um eine neue leere Leinwand zu erstellen.

1. Erstellen Sie in einer neuen JES-Anwendung eine neue Funktion namens createEmptyPicture():

   defleeresBild erstellen():

2. Verwenden Sie darin die eingebaute Funktion makeEmptyPicture(). Übergeben Sie die Breite und Höhe des neuen Bildes in Pixeln an die Funktion. Da JES Jython verwendet, stellen Sie sicher, dass Sie Ihren Code so einrücken, wie Sie es in Python tun würden. Sie können sich einige ansehen wichtige Python-Befehle für Anfänger wenn Sie Ihre Python-Kenntnisse überarbeiten müssen.

   leeresBild = makeEmptyPicture (600, 300)

3. Verwenden Sie die Funktion show(), um das Bild anzuzeigen:

   zeigen(leeres Bild)

4. Klick auf das Programm laden Schaltfläche, die sich zwischen dem Programmierbereich und der Befehlszeile befindet. Klicke auf Ja, und speichern Sie Ihren vorhandenen Code in einer neuen Datei.
5. Geben Sie den folgenden Code in der Befehlszeile ein:

   createEmptyPicture()

   Dadurch wird die Funktion createEmptyPicture aufgerufen, sobald Sie die Eingabetaste drücken:
6. Die Funktion wird dann ausgeführt und zeigt Ihnen die neue leere Leinwand.

So erstellen und fügen Sie Rechtecke hinzu

Sie können JES verwenden, um Formen wie Rechtecke zu erstellen. In JES beginnen die x- und y-Koordinaten in der oberen linken Ecke des Bildes und nicht in der unteren linken Ecke.

Verwenden Sie die integrierte Funktion addRect(), um ein Rechteck auf ein leeres Bild zu zeichnen.

1. Erstellen Sie eine neue Funktion namens drawRectangle():

   defdrawRectangle():

2. Erstellen Sie innerhalb der Funktion ein neues leeres Bild:

   pic = makeEmptyPicture (600, 300)

3. Verwenden Sie die Funktion addRect(), um ein Rechteck zu zeichnen. Die Funktion addRect() übernimmt sechs Parameter. Der erste Parameter ist die Variable, die das Bild speichert, auf das Sie zeichnen möchten. Darauf folgen die x- und y-Koordinaten der oberen linken Ecke des Rechtecks. Übergeben Sie schließlich die x- und y-Koordinaten der unteren rechten Ecke und die Farbe des Rahmens.

   addRect (pic, 50, 100, 200, 50, rot)

4. Sie können gefüllte Rechtecke auch mit der Funktion addRectFilled() anstelle von addRect() hinzufügen:

   addRectFilled (pic, 100, 200, 200, 50, rot)

5. Verwenden Sie die Funktion show(), um das Bild anzuzeigen:

   zeigen(Bild)

6. Klick auf das Programm laden Schaltfläche, die sich zwischen dem Programmierbereich und der Befehlszeile befindet.
7. Führen Sie die Funktion drawRectangle() über die Befehlszeile aus:
8. Warten Sie, bis sich das Bild öffnet und die von Ihnen erstellten Rechtecke anzeigt.

So erstellen und fügen Sie Kreise und Ovale hinzu

Sie können die integrierte Funktion addOval() verwenden, um sowohl Ovale als auch Kreise zu erstellen. Wenn Sie einen Kreis erstellen, stellen Sie sicher, dass Breite und Höhe des Ovals gleich sind.

1. Erstellen Sie eine neue Funktion namens drawCircle():

   defKreis ziehen():

2. Erstellen Sie innerhalb der Funktion ein neues leeres Bild:

   pic = makeEmptyPicture (600, 300)

3. Erstellen Sie ein Oval mit der Funktion addOval(). Fügen Sie das Bild, auf dem Sie das Oval zeichnen möchten, als erstes Argument zur Funktion hinzu. Geben Sie die x- und y-Koordinaten des oberen linken Punktes des Ovals ein. Fügen Sie Breite und Höhe hinzu, die nicht gleich sein müssen, wenn Sie ein Oval zeichnen. Das letzte Argument übernimmt die Farbe der Umrisslinie des Ovals:

   addOval (pic, 100, 100, 50, 100, rot)

4. Um gefüllte Ovale hinzuzufügen, verwenden Sie die Funktion addOvalFilled() anstelle der Funktion addOval():

   addOvalFilled (pic, 200, 100, 50, 100, rot) 

5. Sie können dieselbe Funktion addOval() verwenden, um Kreise zu erstellen. Stellen Sie sicher, dass die als drittes und viertes Argument eingegebenen Breiten- und Höhenwerte gleich sind:

   addOval (pic, 350, 100, 50, 50, rot)

6. Verwenden Sie die Funktion addOvalFilled(), um einen gefüllten Kreis zu erstellen:

   addOvalFilled (pic, 450, 100, 50, 50, rot)

7. Verwenden Sie die Funktion show(), um das Bild anzuzeigen:

   zeigen(Bild)

8. Klick auf das Programm laden Schaltfläche, die sich zwischen dem Programmierbereich und der Befehlszeile befindet.
9. Führen Sie die Funktion drawCircle() in der Befehlszeile aus:
10. Warten Sie, bis sich das Bild öffnet, um die gezeichneten Ovale und Kreise anzuzeigen.

So erstellen und fügen Sie Linien hinzu

Verwenden Sie die Funktion addLine(), um Linien auf Ihrem leeren Bild in JES zu zeichnen.

1. Erstellen Sie eine neue Funktion namens drawLine():

   defDrawLine():

2. Erstellen Sie innerhalb der Funktion ein neues leeres Bild:

   pic = makeEmptyPicture (600, 300)

3. Verwenden Sie die Funktion addLine(), um eine Linie zu zeichnen. Geben Sie das Bild ein, auf dem Sie die Linie zeichnen möchten. Geben Sie im zweiten und dritten Argument die x- und y-Koordinaten des Startpunkts ein. Geben Sie im vierten und fünften Argument die x- und y-Koordinaten des Endpunkts ein. Geben Sie abschließend die Farbe der Linie ein. Dies zieht eine Linie von (50, 200) nach (250, 200):

   addLine (pic, 50, 200, 250, 200, rot)

4. Verwenden Sie die Funktion show(), um das Bild anzuzeigen:

   zeigen(Bild)

5. Klick auf das Programm laden Schaltfläche, die sich zwischen dem Programmierbereich und der Befehlszeile befindet.
6. Führen Sie die Funktion drawLine() in der Befehlszeile aus:
7. Warten Sie, bis sich das Bild öffnet und die neue Zeile anzeigt.

Zeichnen Sie Ihre eigenen Formen in JES

Sie sollten jetzt in der Lage sein, Ihre eigenen Formen in JES zu zeichnen. Mit einigen der anderen interessanten Bildverarbeitungstechniken, die angeboten werden, können Sie Ihrer Kreativität freien Lauf lassen.