Processing

Sketch

Le varie creazioni sono chiamate sketch e sono organizzate in uno sketchbook.

Oltre alle classi che lo compongono, ogni sketch, in genere, contiene anche una cartella data in cui viene inserito il materiale multimediale utile all'applicazione, come, per esempio, immagini, font e file audio.

Ogni sketch può inoltre essere esportato come applicazione.

// dichiarazione di variabili globali
float xoffset = 0.0;
float yoffset = 0.0;

// metodo setup - eseguito solo all'avvio
void setup() 
{
  size(400, 400);
  PFont font = loadFont("Calibri-24.vlw");
  textFont(font, 24);
  smooth();
  println("Stampo una sola volta su console");
}

// metodo draw - eseguito per ogni frame
void draw() 
{
  background(128);
  println("Stampo ad ogni frame su console");
  text("Stampo ad ogni frame su schermo", xoffset, yoffset);
  xoffset++;
  yoffset++;
}

Dichiarazioni

All'inizio vengono dichiarate le variabili globali. Nel caso dell'esempio sopra riportato, sono due float che indicano rispettivamente gli spostamenti x e y.

Setup

Nel metodo setup di questo esempio, vengono impostati diversi parametri: size indica le dimensioni della finestra dell'applicazione; smooth servirà invece per applicare l'Antialiasing a eventuali figure geometriche (primitive e non) all'interno dell'applicazione.

La seconda riga del setup serve invece a creare font; una nuova istanza di PFont, la classe che in Processing rappresenta il font da utilizzare all'interno dell'applicazione: il font scelto ("Calibri-24.vlw") viene prima caricato tramite il metodo loadFont e in seguito viene adottato (con textFont) per il testo nella riga successiva.

Draw

In draw viene prima impostato il background, ovvero lo sfondo, che in genere deve essere reimpostato a ogni frame: infatti, se non viene reimpostato ogni volta, le animazioni rimarranno letteralmente impresse sullo sfondo.

L'istruzione text permette invece di renderizzare nello sketch un messaggio, che adotta il font già scelto in precedenza in setup e la posizione individuata dalle coordinate xoffset e yoffset, i cui incrementi successivi (indicati da xoffset++ ed yoffset++) permettono di muovere il testo dall'alto a sinistra fino in basso a destra.