Processing - Impariamo a scrivere

Ora vediamo come introdurre del testo nei nostri programmi  Prosessing, basta pochissimo. I comandi necessari sono essenzialmente tre, di cui due vanno inseriti in void setup(); il primo riguarda il "font" che vogliamo utilizzare (il font è il tipo di carattere, ad esempio Verdana, Times New Roman, Comics, ...) con la sua relativa grandezza:

textFont(createFont("nome del carattere", grandezza del carattere);

Altro comando che possiamo inserire nella prima parte del nostro programma, non è obbligatorio inserirlo, è:

textAlign(LEFT/CENTER/RIGHT);

questo comando ci permette di decidere la formattazione del testo se lo vogliamo a sinistra, a destra oppure al centro rispetto al punto che andremo ad inserire per la posizione del testo; LEFT allinea il testo sinistra, CENTER posiziona il testo centrato rispetto al punto e RIGHT allinea il testo a destra.

Nella parte di programma void draw() per inserire il testo vero e proprio dobbiamo scrivere il comando:

text("testo", X, Y);

X e Y sono le coordinate rispetto alle quali il programma posizionerà il testo; ricordarsi che il testo è sempre tra doppie virgolette.

Andiamo a creare un semplice programma per vedere come funziona il tutto, creiamo una finestra 200x100, vogliamo che venga visualizzato il testo "Hello world!" con il carattere Verdana e con una grandezza di carattere 20. Posizionare il testo con le coordinate che corrispondono al punto centrale della finestra (100;50) e scrivere anche le varie formattazioni del testo tramite il comando "textAlign".

PROGRAMMA (left): 

void setup(){

  size(200, 100);

  background(0);

  textFont(createFont("verdana", 20)); //carattere: verdana - grandezza: 20

  textAlign(LEFT);  //testo allineato a sinistra

}

void draw(){

  fill(255, 255, 255);

  text("Hello world!", 100, 50); //testo posizionato rispetto al punto centrale della finestra (100;50)

}

Il risultato è:

PROGRAMMA (center):

void setup(){
  size(200, 100);
  background(0);
  textFont(createFont("verdana", 20)); //carattere: verdana - grandezza: 20
  textAlign(CENTER);  //testo allineato al centro
}

void draw(){
  fill(255, 255, 255);
  text("Hello world!", 100, 50); //testo posizionato rispetto al punto centrale della finestra (100;50)

}

Il risultato è:

PROGRAMMA (right):

void setup(){
  size(200, 100);
  background(0);
  textFont(createFont("verdana", 20)); //carattere: verdana - grandezza: 20
  textAlign(RIGHT);  //testo allineato a destra
}

void draw(){
  fill(255, 255, 255);
  text("Hello world!", 100, 50); //testo posizionato rispetto al punto centrale della finestra (100;50)

}

Il risultato è:

<<Pagina precedente                                    Pagina successiva>>