Hur man skapar grafik i en JES-applikation

Hur man skapar grafik i en JES-applikation
Läsare som du hjälper till att stödja MUO. När du gör ett köp med hjälp av länkar på vår webbplats kan vi tjäna en affiliate-provision. Läs mer.

JES är en programmeringsmiljö som låter dig redigera foton, videor och ljud. JES låter dig välja en bild och ändra färgen på varje pixel. Detta programmatiska tillvägagångssätt gör att du kan redigera bilder på intressanta sätt.





JES inkluderar också inbyggd funktionalitet för att lägga till din egen grafik på bilder. Detta inkluderar linjer eller former som rektanglar, ovaler och cirklar.





Hur man skapar en tom duk i JES

Du kan rendera befintliga bilder med JES , inklusive de som en användare har lagrat på sin dator, som de väljer att ladda upp. Om du vill rita dina former på en tom bild kan du använda den inbyggda makeEmptyPicture()-funktionen för att skapa en ny tom duk istället.





  1. I en ny JES-applikation, skapa en ny funktion som heter createEmptyPicture():
     def createEmptyPicture():
  2. Inuti den använder du den inbyggda makeEmptyPicture()-funktionen. Skicka den nya bildens bredd och höjd, i pixlar, till funktionen. Eftersom JES använder Jython, se till att du drar in din kod, precis som du skulle göra i Python. Du kan ta en titt på några viktiga Python-kommandon för nybörjare om du behöver revidera dina Python-färdigheter.
     emptyPicture = makeEmptyPicture(600, 300)
  3. Använd funktionen show() för att visa bilden:
     show(emptyPicture)
  4. Klicka på Ladda program knappen, placerad mellan programmeringsområdet och kommandoraden. Klicka på Ja , och spara din befintliga kod i en ny fil.   Tom bild med exempelkoordinater
  5. Ange följande kod på kommandoraden:
     createEmptyPicture()
    Detta kommer att anropa createEmptyPicture-funktionen när du trycker på Enter:
  6. Funktionen kommer då att köras och visar dig den nya tomma arbetsytan.

Hur man skapar och lägger till rektanglar

Du kan använda JES för att skapa former som rektanglar. I JES börjar x- och y-koordinaterna från det övre vänstra hörnet av bilden, istället för det nedre vänstra hörnet.

Använd den inbyggda addRect()-funktionen för att rita en rektangel på en tom bild.



  1. Skapa en ny funktion som heter drawRectangle():
     def drawRectangle():
  2. Inuti funktionen, skapa en ny tom bild:
     pic = makeEmptyPicture(600, 300)
  3. Använd funktionen addRect() för att rita en rektangel. Funktionen addRect() tar in sex parametrar. Den första parametern är variabeln som lagrar bilden du vill rita på. Efter detta är x- och y-koordinaterna för rektangelns övre vänstra hörn. Skicka slutligen x- och y-koordinaterna i det nedre högra hörnet och färgen på kanten.
     addRect(pic, 50, 100, 200, 50, red)
  4. Du kan också lägga till fyllda rektanglar med funktionen addRectFilled() istället för addRect():
     addRectFilled(pic, 100, 200, 200, 50, red)
  5. Använd funktionen show() för att visa bilden:
     show(pic)
  6. Klicka på Ladda program knappen, placerad mellan programmeringsområdet och kommandoraden.
  7. Kör funktionen drawRectangle() via kommandoraden:
  8. Vänta tills bilden öppnas och visar rektanglarna du har gjort.

Hur man skapar och lägger till cirklar och ovaler

Du kan använda den inbyggda addOval()-funktionen för att skapa både ovaler och cirklar. Om du skapar en cirkel, se till att ovalens bredd och höjd är lika.

  1. Skapa en ny funktion som heter drawCircle():
     def drawCircle():
  2. Inuti funktionen, skapa en ny tom bild:
     pic = makeEmptyPicture(600, 300)
  3. Skapa en oval med funktionen addOval() . Lägg till bilden du vill rita ovalen på som första argument till funktionen. Mata in x- och y-koordinaterna för den övre vänstra punkten på ovalen. Lägg till en bredd och höjd, som inte behöver vara lika om du ritar en oval. Det sista argumentet har färgen på ovalens kontur:
     addOval(pic, 100, 100, 50, 100, red)
  4. För att lägga till fyllda ovaler, använd funktionen addOvalFilled() istället för funktionen addOval():
     addOvalFilled(pic, 200, 100, 50, 100, red) 
  5. Du kan använda samma addOval()-funktion för att skapa cirklar. Se till att värdena för bredd och höjd som anges som det tredje och fjärde argumentet är desamma:
     addOval(pic, 350, 100, 50, 50, red)
  6. Använd funktionen addOvalFilled() för att skapa en fylld cirkel:
     addOvalFilled(pic, 450, 100, 50, 50, red)
  7. Använd funktionen show() för att visa bilden:
     show(pic)
  8. Klicka på Ladda program knappen, placerad mellan programmeringsområdet och kommandoraden.
  9. Kör funktionen drawCircle() på kommandoraden:
  10. Vänta tills bilden öppnas för att se de ritade ovalarna och cirklarna.

Hur man skapar och lägger till linjer

Använd funktionen addLine() för att rita linjer på din tomma bild i JES.





  1. Skapa en ny funktion som heter drawLine():
     def drawLine():
  2. Inuti funktionen, skapa en ny tom bild:
     pic = makeEmptyPicture(600, 300)
  3. Använd funktionen addLine() för att rita en linje. Mata in bilden som du ska rita linjen på. I de andra och tredje argumenten anger du x- och y-koordinaterna för startpunkten. I det fjärde och femte argumentet matar du in x- och y-koordinaterna för slutpunkten. Ange slutligen färgen på linjen. Detta drar en linje från (50, 200) till (250, 200):
     addLine(pic, 50, 200, 250, 200, red)
  4. Använd funktionen show() för att visa bilden:
     show(pic)
  5. Klicka på Ladda program knappen, placerad mellan programmeringsområdet och kommandoraden.
  6. Kör funktionen drawLine() på kommandoraden:
  7. Vänta tills bilden öppnas och visar den nya raden.

Rita dina egna former i JES

Du ska nu kunna rita dina egna former i JES. Du kan börja bli mer kreativ med några av de andra intressanta bildbehandlingsteknikerna som erbjuds.