You are on page 1of 6

Laboratorio di Sistemi Interattivi - Processing

A.A. 2014/2015

ISTRUZIONI
Creare una cartella che inizi con il proprio COGNOME seguito da NOME.
Dentro la cartella dovrete consegnare, su una chiavetta USB fornita dal docente, tre cartelle
ciascuna contenente uno sketch Processing secondo quanto richiesto.

Esercizio 1, disegno

Realizzare un programma Processing che


disegni, una sola volta, su una canvas di
dimensioni
N x N il seguente diagramma. Notare che
ciascun quadrato ha lato N/3.
Lo studente presenterà il programma
fissando N=500, ma il programma dovrà
funzionare anche se il valore di N venisse
cambiato.
Salvare lo sketch prodotto con il nome
disegno.pde.

Esercizio 2, animazione
Realizzare uno sketch Processing che ripeta
la seguente animazione: al centro di una
canvas quadrata con dimensioni a piacere c'è
una ellisse di diametro orizzontale pari alla
larghezza della canvas e di diametro
verticale a piacere. Ad ogni fotogramma
diametro orizzontale diminuisce di 2 pixel
mentre quello verticale aumenta di 2 pixel.
Quando l'ellisse tocca i bordi orizzontali
della canvas le variazioni di diametro si
invertono, e così via.
Salvare lo sketch prodotto con il nome
animazione.pde.

Esercizio 3, interazione
Realizzare uno sketch Processing con una
canvas NxN. Quando si clicca con il mouse
si genera un cerchio di raggio 10 con colore
random dove si è cliccato. Quando si preme
da tastiera il tasto “s” la canvas viene
ripulita di tutti i cerchietti disegnati.
Salvare lo sketch prodotto con il nome
interazione.pde.
Laboratorio di Sistemi Interattivi - Processing
A.A. 2014/2015

ISTRUZIONI
Creare una cartella che inizi con il proprio COGNOME seguito da NOME.
Dentro la cartella dovrete consegnare, su una chiavetta USB fornita dal docente, tre cartelle
ciascuna contenente uno sketch Processing secondo quanto richiesto.

Esercizio 1, disegno

Realizzare un programma Processing che


disegni, una sola volta, su una canvas di
dimensioni N x N il seguente diagramma.
Lo studente presenterà il programma
fissando N=500, ma il programma dovrà
funzionare anche se il valore di N venisse
cambiato.
Salvare lo sketch prodotto con il nome
disegno.pde.

Esercizio 2, animazione
Disegnare, dentro una canvas NxN, un quadrato di lato N/10 posizionato nell'angolo in alto a
sinistra della canvas. Il lato del quadrato aumenta ad ogni frame di 2 pixel, estendendosi verso
l'angolo in basso a destra, fino a quando il quadrato non occupa tutta la canvas. A questo punto
il lato comincia a diminuire di 2 pixel per ogni frame, con l'angolo in alto a sinistra che si
spostra verso il basso a destra. Poi il quadrato scompare e riappare nella posizione originale.
Salvare lo sketch prodotto con il nome animazione.pde.

Esercizio 3, interazione
Disegnare, al centro di una canvas NxN e background nero, un'ellisse di colore bianco e
dimensioni a piacere. Quando si clicca con il mouse dentro l'ellisse, la stessa si sposta in una
posizione casuale della canvas. Quando viene schiacciato il tasto 'r', il colore del background
viene cambiato con un colore generato casualmente, e l'ellisse dovrà assumere il colore
complementare al colore del background.
Salvare lo sketch prodotto con il nome
interazione.pde.
Laboratorio di Sistemi Interattivi – Processing – Compito A
A.A. 2014/2015

ISTRUZIONI
Creare una cartella che inizi con il proprio COGNOME seguito da NOME.
Dentro la cartella dovrete consegnare, su una chiavetta USB fornita dal docente, tre cartelle
ciascuna contenente uno sketch Processing secondo quanto richiesto.

Esercizio 1, disegno – 8 punti


Realizzare un programma Processing che
disegni, una sola volta, su una canvas di
dimensioni N x N il seguente diagramma. Lo
studente presenterà il programma fissando
N=500, ma il programma dovrà funzionare
anche se il valore di N venisse cambiato.

Salvare lo sketch prodotto con il nome


disegno.pde.

Esercizio 2, animazione – 13 punti


Disegnare, dentro una canvas NxN, due rettangoli aventi larghezza pari a metà della finestra e
altezza pari a quella della finestra. I due rettangoli dovranno aprirsi e chiudersi scivolando come
le porte di un ascensore (sliding doors). Utilizzare dei colori casuali per lo sfondo e i rettangoli.

Salvare lo sketch prodotto con il nome


animazione.pde.

Esercizio 3, interazione – 10 punti


Scrivere un programma che disegni un quadrato di lato 100 in una canvas di dimensione NxN.
Al clic del mouse, il lato del quadrato cambia dimensione e si sposta nella posizione del mouse
(cioè il quadrato è centrato nel punto cliccato). Premendo il tasto “C” si ritorna alla situazione
iniziale.
Salvare lo sketch prodotto con il nome
interazione.pde.
Laboratorio di Sistemi Interattivi – Processing – Compito B
A.A. 2014/2015

ISTRUZIONI
Creare una cartella che inizi con il proprio COGNOME seguito da NOME.
Dentro la cartella dovrete consegnare, su una chiavetta USB fornita dal docente, tre cartelle
ciascuna contenente uno sketch Processing secondo quanto richiesto.

Esercizio 1, disegno – 8 punti


Realizzare un programma Processing che
disegni, una sola volta, su una canvas di
dimensioni N x N il seguente diagramma. Lo
studente presenterà il programma fissando
N=500, ma il programma dovrà funzionare
anche se il valore di N venisse cambiato.
Salvare lo sketch prodotto con il nome
disegno.pde.

Esercizio 2, animazione – 13 punti


Disegnare, dentro una canvas NxN, due
ellissi con raggio casuale tra 10 e 50 nelle
posizioni indicate nel disegno. Le ellissi
devono crescere fino a raggiungere la
dimensione di metà larghezza della finestra e
poi rimpicciolirsi fino a tornare alla
dimensione originale (e così via).

Salvare lo sketch prodotto con il nome


animazione.pde.

Esercizio 3, interazione – 10 punti


Disegnare una canvas NxN con al centro un quadrato di lato a piacere. Quando viene premuto
il tasto ‘R’, il quadrato si muove in una posizione casuale all’interno della canvas. Premendo il
bottone sinistro del mouse, il quadrato ritorna al centro della canvas e cambia colore (colore
casuale).
Salvare lo sketch prodotto con il nome
interazione.pde.
Laboratorio di Sistemi Interattivi – Processing – Compito A
A.A. 2014/2015

ISTRUZIONI
Creare una cartella che inizi con il proprio COGNOME seguito da NOME.
Dentro la cartella dovrete consegnare, su una chiavetta USB fornita dal docente, tre cartelle
ciascuna contenente uno sketch Processing secondo quanto richiesto.

Esercizio 1, disegno – 8 punti


Realizzare un programma Processing che
disegni, una sola volta, su una canvas di
dimensioni N x N il seguente diagramma. Lo
studente presenterà il programma fissando
N=500, ma il programma dovrà funzionare
anche se il valore di N venisse cambiato.

Salvare lo sketch prodotto con il nome


disegno.pde.

Esercizio 2, animazione – 13 punti


Disegnare, dentro una canvas NxN, due
quadrato con lato casuale tra 10 e 50 nelle
posizioni indicate nel disegno. I quadrati si
spostano a destra e a sinistra rimbalzando sui
bordi con velocità costante impostata
casualmente all’inizio del programma.

Salvare lo sketch prodotto con il nome


animazione.pde.

Esercizio 3, interazione – 10 punti


Disegnare una canvas di dimensione NxN. Alla pressione dei tasti sulla tastiera, al centro
compare la frase scritta. Premendo il bottone sinistro del mouse, la scritta cambia colore e
posizione casualmente, premendo il bottone destro, la finestra viene cancellata.

Salvare lo sketch prodotto con il nome


interazione.pde.
Laboratorio di Sistemi Interattivi – Processing – Compito B
A.A. 2014/2015

ISTRUZIONI
Creare una cartella che inizi con il proprio COGNOME seguito da NOME.
Dentro la cartella dovrete consegnare, su una chiavetta USB fornita dal docente, tre cartelle
ciascuna contenente uno sketch Processing secondo quanto richiesto.

Esercizio 1, disegno – 8 punti


Realizzare un programma Processing che
disegni, una sola volta, su una canvas di
dimensioni N x N il seguente diagramma. Lo
studente presenterà il programma fissando
N=500, ma il programma dovrà funzionare
anche se il valore di N venisse cambiato.
Salvare lo sketch prodotto con il nome
disegno.pde.

Esercizio 2, animazione – 13 punti


Disegnare, dentro una canvas NxN, due
quadrato con lato casuale tra 10 e 50 nelle
posizioni indicate nel disegno. I quadrati si
spostano su e giù rimbalzando sui bordi con
velocità costante impostata casualmente
all’inizio del programma.

Salvare lo sketch prodotto con il nome


animazione.pde.

Esercizio 3, interazione – 10 punti


Disegnare una canvas NxN con al centro un cerchio di raggio a piacere. Quando il mouse viene
spostato, l’ellisse lo segue. Quando viene premuto un tasto, in una posizione casuale sullo
schermo viene stampato il carattere premuto. Premendo il tasto ‘R’ il disegno ritorna alla
configurazione iniziale.
Salvare lo sketch prodotto con il nome
interazione.pde.