Procedure di Basic Design. La logica della programmazione applicata alla didattica. IUAV Facoltà di Design e Arti Treviso, 09-10/12/2010

Transcript

1 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 1 Procedure di Basic Design La logica della programmazione applicata alla didattica IUAV Facoltà di Design e Arti Treviso, 09-10/12/2010 Laboratorio di fondamenti del design bidimensionale Professore: Giovanni Anceschi Assistente: Silvia Schiaulini

2 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 2 Download Processing

3 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 3 // 0 Lorenzo Bravi void setup() { viene eseguito una volta sola subito prima del draw } void draw() { } viene eseguito dopo il setup in loop dall alto al basso

4 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 4 size(larghezza finestra, altezza finestra); size(200,400); size(500,500); altezza larghezza

5 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 5 background(scala di grigio da 0 a 255); background(0); background(200); background(255);

6 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 6 point(x,y); (0,0) x point(100,100); point(450,150); point(250,250); point(150,450); (100,100) (450,150) (250,250) (150,450) 500 y

7 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 7 line(x1,y1,x2,y2); (0,0) x line(50,50,50,450); line(200,150,450,150); line(100,200,400,350); y

8 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 8 triangle(x1,y1,x2,y2,x3,y3); (0,0) x triangle(150,50,450,350,100,400); y

9 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 9 quad(x1,y1,x2,y2,x3,y3,x4,y4); (0,0) x quad(100,50,450,50,450,350, 150,450); y

10 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 10 rect(x,y,larghezza,altezza); (0,0) x rect(100,50,250,350); (x,y) altezza larghezza 500 y

11 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 11 ellipse(x,y,larghezza,altezza); (0,0) x ellipse(250,250,200,300); (x,y) altezza larghezza 500 y

12 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 12 rectmode(center); rectmode(corner); ellipsemode(center); ellipsemode(corner); (x,y) (x,y) (x,y) (x,y)

13 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 13 fill(scala di grigio da 0 a 255); fill(0); rect(10,10,300,300); fill(255); rect(50,50,300,300);

14 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 14 stroke(scala di grigio da 0 a 255); stroke(255); fill(0); rect(10,10,300,300); stroke(0); fill(255); rect(50,50,300,300);

15 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 15 nofill(); stroke(255); fill(0); rect(10,10,300,300); nostroke(); fill(255); rect(50,50,300,300);

16 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 16 nostroke(); stroke(255); fill(0); rect(10,10,300,300); nofill(); rect(50,50,300,300);

17 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 17 strokeweight(spessore traccia); nofill(); strokeweight(1); rect(10,10,300,300); strokeweight(10); rect(50,50,300,300); strokeweight(30); rect(100,100,300,300);

18 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 18 Esercizio #_01 ricostruire le seguenti figure geometriche (0,0) x y

19 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 19 Esercizio #_02 utilizzando i comandi visti fin ora disegnare una casa (non uguale a questa)

20 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 20 mousex, mousey background(255); ellipse(mousex,mousey,30,30);

21 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 21 mousex, mousey ellipse(mousex,mousey,30,30);

22 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi * / background(255); ellipse(mousex-100,mousey-20,30,30);

23 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 23 Esercizio #_03 programmare un segnatore che abbia come forma una x

24 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 24 Esercizio #_04 programmare un segnatore che sia simmetrico orizzontalmente rispetto al centro

25 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 25 Variabili int float float k; void setup() { size(500,500); background(255); } void draw() { k=mousex/10; ellipse(mousex,mousey,k,k); }

26 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 26 Esercizio #_05 programmare un segnatore che abbia un comportamento e una forma da voi definito

27 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 27 for (init; test; update){} for(int i=0; i<10; i=i+1){ line(50*i,50,50*i,450); }

28 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 28 for (init; test; update){} for(int i=1; i<10; i=i+1) { for(int j=1; j<10; j=j+1) { ellipse(50*i,50*j,10,10); } }

29 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 29 Esercizio #_06 disegnare, utilizzando la struttura for, 10 linee orizzontali il cui spessore aumenti dall alto verso il basso

30 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 30 Esercizio #_07 disegnare, utilizzando la struttura for, una matrice di rettangoli la cui dimensioni vari in realzione alla posizione del mouse

31 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 31 Esercizio #_08 programmare una maschera interattiva la cui forma si modifichi al variare dell intensità dell audio in entrata x y 250

32 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 32 Esercizio #_08 float v; void setup() { size(500,500); smooth(); } -250 void draw() { translate(250,250); v=mousex; x } //occhi ellipse(-100,-100,20+v/10,20+v/10); ellipse(100,-100,20+v/10,20+v/10); //bocca ellipse(0,100,10+v/2,10+v/2); y 250

33 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 33

40 Procedure di basic design IUAV, Treviso 09-10/12/2010 Lorenzo Bravi 40 Approfondimenti Tesi Contatti