fotogrammi2

introduzione

Produciamo varianti sull'esercizio precedente con fantasia. Qui lo scontro con esplosione tra un cerchio e un quadrato. Con le variabili faccio variare la posizione X e, per simulare un'esplosione, il diametro di un cerchio.

Processing

algoritmo

attrezzaggio

quadro:(600x600)
sfondo R:255 V:255 B:255

variabili

Xquadrato=600

Xcerchio=0

raggioesplosione=0

disegno

colore background

R: 255 V: 255 B: 255 trasparenza: 100 immagine: nessuna

disegna un cerchio

centro: Xcerchio , 200 raggio: 50

disegna un rettangolo

A: Xquadrato , 180 largh.: 40 lungh.: 40

la variabile Xcerchio aumenta di 5

la variabile Xquadrato diminuisce di 5

SE ACCADE CHE Xcerchio è maggiore di 300

la variabile Xquadrato è uguale a 1000

la variabile Xcerchio è uguale a 1000

colore fondo

R: 255 V: 0 B: 0 trasparenza: 100

disegna un cerchio

centro: 300 , 200 raggio: raggioesplosione

la variabile raggioesplosione aumenta di 5

programma

apri il programma

Processing

inizia il laboratorio

codice Processing

//programma: fotogrammi2

//******* dichiarazioni ******** 
int Xquadrato=600;//dichiara la variabile 
int Xcerchio=0;//dichiara la variabile 
int raggioesplosione=0;//dichiara la variabile

//********** setup **********  
   void setup(){ 
size(600,600);//dimensioni X,Y dell'area di disegno - - - l'origine è in alto a sinistra
background(255,255,255);//sfondo dell'area di disegno
fill(255,255,255,4); // colore fondo delle figure
	
}

//********** ciclo ********** 
 void draw() { 
	
	background(255,255,255,100); // colore background
	ellipse(Xcerchio,200,50,50); // disegna un cerchio
	rect(Xquadrato,180,40,40); // disegna un rettangolo
	Xcerchio+=5;//  += significa: incrementa il suo valore di... 
	Xquadrato-=5;//  -= significa: diminuisci il suo valore di... 
	if(Xcerchio>300){ 
	Xquadrato=1000; 
	Xcerchio=1000; 
	fill(255,0,0,100); // colore fondo
	ellipse(300,200,raggioesplosione,raggioesplosione); // disegna un cerchio
	raggioesplosione+=5;//  += significa: incrementa il suo valore di... 
		}

};//fine di draw()

//codice creato con "MyProcessing" (C) 
//www.mastrohora.it

copia/incolla in Processing