Grafische afbeeldingen maken in een JES-toepassing

JES is een programmeeromgeving waarmee je foto's, video's en geluid kunt bewerken. Met JES kun je een afbeelding selecteren en de kleur van elke pixel wijzigen. Met deze programmatische aanpak kunt u afbeeldingen op interessante manieren bewerken.

JES bevat ook ingebouwde functionaliteit om uw eigen afbeeldingen aan afbeeldingen toe te voegen. Dit omvat lijnen of vormen zoals rechthoeken, ovalen en cirkels.

Hoe maak je een leeg canvas in JES

Jij kan render bestaande afbeeldingen met JES, inclusief degene die een gebruiker op zijn computer heeft opgeslagen en die hij/zij selecteert om te uploaden. Als u uw vormen op een lege afbeelding wilt tekenen, kunt u de ingebouwde functie makeEmptyPicture() gebruiken om in plaats daarvan een nieuw leeg canvas te maken.

1. Maak in een nieuwe JES-toepassing een nieuwe functie met de naam createEmptyPicture():

   defcreateEmptyPicture():

2. Gebruik daarin de ingebouwde functie makeEmptyPicture(). Geef de breedte en hoogte van de nieuwe afbeelding, in pixels, door aan de functie. Aangezien JES Jython gebruikt, moet u ervoor zorgen dat u uw code inspringt, net zoals u zou doen in Python. Je kunt er een paar bekijken vitale Python-commando's voor beginners als je je Python-vaardigheden moet herzien.

   legeAfbeelding = maakLegeAfbeelding (600, 300)

3. Gebruik de functie show() om de afbeelding weer te geven:

   show(lege foto)

4. Klik op de Programma laden knop, gelegen tussen het programmeergebied en de opdrachtregel. Klik op Jaen sla uw bestaande code op in een nieuw bestand.
5. Voer de volgende code in op de opdrachtregel:

   maakEmptyPicture()

   Dit roept de functie createEmptyPicture aan zodra u op Enter drukt:
6. De functie wordt dan uitgevoerd en toont u het nieuwe lege canvas.

Rechthoeken maken en toevoegen

U kunt JES gebruiken om vormen zoals rechthoeken te maken. In JES beginnen x- en y-coördinaten vanaf de linkerbovenhoek van de afbeelding, in plaats van de linkeronderhoek.

Gebruik de ingebouwde functie addRect() om een ​​rechthoek op een lege afbeelding te tekenen.

1. Maak een nieuwe functie genaamd drawRectangle():

   deftekenenRechthoek():

2. Maak binnen de functie een nieuwe lege afbeelding:

   pic = maakEmptyPicture (600, 300)

3. Gebruik de functie addRect() om een ​​rechthoek te tekenen. De functie addRect() neemt zes parameters in beslag. De eerste parameter is de variabele die de afbeelding opslaat waarop u wilt tekenen. Hierna volgen de x- en y-coördinaten van de linkerbovenhoek van de rechthoek. Geef ten slotte de x- en y-coördinaten van de rechterbenedenhoek en de kleur van de rand door.

   addRect (foto, 50, 100, 200, 50, rood)

4. U kunt ook gevulde rechthoeken toevoegen met de functie addRectFilled() in plaats van addRect():

   addRectFilled (foto, 100, 200, 200, 50, rood)

5. Gebruik de functie show() om de afbeelding weer te geven:

   show(foto)

6. Klik op de Programma laden knop, gelegen tussen het programmeergebied en de opdrachtregel.
7. Voer de functie drawRectangle() uit via de opdrachtregel:
8. Wacht tot de afbeelding opent en de rechthoeken laat zien die je hebt gemaakt.

Cirkels en ovalen maken en toevoegen

U kunt de ingebouwde functie addOval() gebruiken om zowel ovalen als cirkels te maken. Als je een cirkel maakt, zorg er dan voor dat de breedte en hoogte van het ovaal gelijk zijn.

1. Maak een nieuwe functie genaamd drawCircle():

   deftekenCircle():

2. Maak binnen de functie een nieuwe lege afbeelding:

   pic = maakEmptyPicture (600, 300)

3. Maak een ovaal met behulp van de functie addOval(). Voeg de afbeelding waarop je het ovaal wilt tekenen toe als het eerste argument aan de functie. Voer de x- en y-coördinaten in van het punt linksboven van het ovaal. Voeg een breedte en hoogte toe, die niet gelijk hoeven te zijn als je een ovaal tekent. Het laatste argument heeft de kleur van de omtrek van het ovaal:

   addOval (foto, 100, 100, 50, 100, rood)

4. Gebruik de functie addOvalFilled() in plaats van de functie addOval() om gevulde ovalen toe te voegen:

   addOvalFilled (foto, 200, 100, 50, 100, rood) 

5. U kunt dezelfde functie addOval() gebruiken om cirkels te maken. Zorg ervoor dat de ingevoerde breedte- en hoogtewaarden als derde en vierde argument hetzelfde zijn:

   addOval (foto, 350, 100, 50, 50, rood)

6. Gebruik de functie addOvalFilled() om een ​​gevulde cirkel te maken:

   addOvalFilled (foto, 450, 100, 50, 50, rood)

7. Gebruik de functie show() om de afbeelding weer te geven:

   show(foto)

8. Klik op de Programma laden knop, gelegen tussen het programmeergebied en de opdrachtregel.
9. Voer de functie drawCircle() uit op de opdrachtregel:
10. Wacht tot de afbeelding opent om de getekende ovalen en cirkels te bekijken.

Lijnen maken en toevoegen

Gebruik de functie addLine() om lijnen te tekenen op uw lege afbeelding in JES.

1. Maak een nieuwe functie genaamd drawLine():

   defteken lijn():

2. Maak binnen de functie een nieuwe lege afbeelding:

   pic = maakEmptyPicture (600, 300)

3. Gebruik de functie addLine() om een ​​lijn te tekenen. Voer de afbeelding in waarop u de lijn wilt tekenen. Voer in het tweede en derde argument de x- en y-coördinaten van het startpunt in. Voer in het vierde en vijfde argument de x- en y-coördinaten van het eindpunt in. Voer ten slotte de kleur van de lijn in. Dit trekt een lijn van (50, 200) naar (250, 200):

   addLine (foto, 50, 200, 250, 200, rood)

4. Gebruik de functie show() om de afbeelding weer te geven:

   show(foto)

5. Klik op de Programma laden knop, gelegen tussen het programmeergebied en de opdrachtregel.
6. Voer de functie drawLine() uit op de opdrachtregel:
7. Wacht tot de afbeelding wordt geopend en de nieuwe regel wordt weergegeven.

Je eigen vormen tekenen in JES

Je zou nu in staat moeten zijn om je eigen vormen in JES te tekenen. U kunt creatiever worden met enkele van de andere interessante beeldverwerkingstechnieken die worden aangeboden.