Come creare grafica in un’applicazione JES

JES è un ambiente di programmazione che ti consente di modificare foto, video e suoni. JES consente di selezionare un’immagine e modificare il colore di ciascun pixel. Questo approccio programmatico consente di modificare le immagini in modi interessanti.

JES include anche funzionalità integrate per aggiungere la tua grafica alle immagini. Ciò include linee o forme come rettangoli, ovali e cerchi.

Come creare una tela vuota in JES

È possibile eseguire il rendering delle immagini esistenti utilizzando JES, comprese quelle che un utente ha memorizzato sul proprio computer, che seleziona per caricare. Se vuoi disegnare le tue forme su un’immagine vuota, puoi invece utilizzare la funzione incorporata makeEmptyPicture() per creare una nuova tela vuota.

1. In una nuova applicazione JES, crea una nuova funzione chiamata createEmptyPicture(): def createEmptyPicture():
2. Al suo interno, usa la funzione incorporata makeEmptyPicture(). Passa la larghezza e l’altezza della nuova immagine, in pixel, alla funzione. Poiché JES utilizza Jython, assicurati di indentare il codice, proprio come faresti con Python. Puoi dare un’occhiata ad alcuni comandi Python vitali per i principianti se hai bisogno di rivedere le tue abilità Python. emptyPicture = makeEmptyPicture(600, 300)
3. Utilizzare la funzione show() per visualizzare l’immagine: show(emptyPicture)
4. Fare clic sul pulsante Carica programma , situato tra l’area di programmazione e la riga di comando. Fare clic su Sì e salvare il codice esistente in un nuovo file.
   
5. Immettere il seguente codice nella riga di comando: Questo chiamerà la funzione createEmptyPicture, dopo aver premuto Invio: createEmptyPicture()
   
6. La funzione verrà quindi eseguita, mostrandoti la nuova tela vuota.
   

Come creare e aggiungere rettangoli

Puoi usare JES per creare forme come rettangoli. In JES, le coordinate xey iniziano dall’angolo in alto a sinistra dell’immagine, invece che dall’angolo in basso a sinistra.

Utilizzare la funzione incorporata addRect() per disegnare un rettangolo su un’immagine vuota.

1. Crea una nuova funzione chiamata drawRectangle(): def drawRectangle():
2. All’interno della funzione, crea una nuova immagine vuota: pic = makeEmptyPicture(600, 300)
3. Utilizzare la funzione addRect() per disegnare un rettangolo. La funzione addRect() accetta sei parametri. Il primo parametro è la variabile che memorizza l’immagine su cui vorresti disegnare. Seguono le coordinate x e y dell’angolo in alto a sinistra del rettangolo. Infine, passa le coordinate x e y dell’angolo in basso a destra e il colore del bordo. addRect(pic, 50, 100, 200, 50, red)
4. Puoi anche aggiungere rettangoli pieni usando la funzione addRectFilled(), invece di addRect(): addRectFilled(pic, 100, 200, 200, 50, red)
5. Utilizzare la funzione show() per visualizzare l’immagine: show(pic)
6. Fare clic sul pulsante Carica programma , situato tra l’area di programmazione e la riga di comando.
7. Esegui la funzione drawRectangle() tramite la riga di comando:
   
8. Attendi che l’immagine si apra, mostrando i rettangoli che hai realizzato.
   

Come creare e aggiungere cerchi e ovali

Puoi utilizzare la funzione integrata addOval() per creare sia ovali che cerchi. Se stai creando un cerchio, assicurati che la larghezza e l’altezza dell’ovale siano uguali.

1. Crea una nuova funzione chiamata drawCircle(): def drawCircle():
2. All’interno della funzione, crea una nuova immagine vuota: pic = makeEmptyPicture(600, 300)
3. Crea un ovale usando la funzione addOval(). Aggiungi l’immagine su cui desideri disegnare l’ovale come primo argomento della funzione. Immettere le coordinate x e y del punto in alto a sinistra dell’ovale. Aggiungi una larghezza e un’altezza, che non devono essere uguali se stai disegnando un ovale. L’argomento finale prende in considerazione il colore del contorno dell’ovale: addOval(pic, 100, 100, 50, 100, red)
4. Per aggiungere ovali pieni, usa la funzione addOvalFilled(), invece della funzione addOval(): addOvalFilled(pic, 200, 100, 50, 100, red)
5. Puoi usare la stessa funzione addOval() per creare cerchi. Assicurati che i valori di larghezza e altezza immessi come terzo e quarto argomento siano gli stessi: addOval(pic, 350, 100, 50, 50, red)
6. Usa la funzione addOvalFilled() per creare un cerchio pieno: addOvalFilled(pic, 450, 100, 50, 50, red)
7. Utilizzare la funzione show() per visualizzare l’immagine: show(pic)
8. Fare clic sul pulsante Carica programma , situato tra l’area di programmazione e la riga di comando.
9. Esegui la funzione drawCircle() sulla riga di comando:
   
10. Attendi che l’immagine si apra per visualizzare gli ovali e i cerchi disegnati.
    

Come creare e aggiungere linee

Usa la funzione addLine() per disegnare linee sulla tua immagine vuota in JES.

1. Crea una nuova funzione chiamata drawLine(): def drawLine():
2. All’interno della funzione, crea una nuova immagine vuota: pic = makeEmptyPicture(600, 300)
3. Utilizzare la funzione addLine() per disegnare una linea. Inserisci l’immagine su cui disegnerai la linea. Nel secondo e terzo argomento, inserisci le coordinate x e y del punto di partenza. Nel quarto e quinto argomento, inserisci le coordinate x e y del punto finale. Infine, inserisci il colore della linea. Questo disegna una linea da (50, 200) a (250, 200): addLine(pic, 50, 200, 250, 200, red)
4. Utilizzare la funzione show() per visualizzare l’immagine: show(pic)
5. Fare clic sul pulsante Carica programma , situato tra l’area di programmazione e la riga di comando.
6. Esegui la funzione drawLine() sulla riga di comando:
   
7. Attendi che l’immagine si apra, mostrando la nuova linea.
   

Disegnare le tue forme in JES

Ora dovresti essere in grado di disegnare le tue forme in JES. Puoi iniziare a diventare più creativo con alcune delle altre interessanti tecniche di elaborazione delle immagini offerte.