Tarea 6

VER EN PROCESSING

Tarea 5

Sketch con imagen:



Acción 1: Mover mouse
(se dibujan circulos celestes)

Acción 2: Mover mouse clickeado
(se dibujan circulos naranjos)

Acción 3: Clickear
(se dibujan circulos café)

Acción 4: Teclear
(se dibujan circulos azules)

VER EN PROCESSING

Tarea 4

Ver codigo en Processing

Tarea 3 (Sketch)

Acción 1: Mouse
(Dibuja un circulo con borde y una linea que lo sigue)

Acción 2: Click y Mouse
(Al clickear dibuja un cuadrado de otro color y ahora se dibujan circulos por donde pasa el mouse)

Acción 3: Teclea
(Vuleve el fondo original, borra el dibujo y, cambia el color del circulo)

VER EN PROCESSING

Tarea 3

Processing:

Constructos:

void setup: se utiliza para los elementos estables
voil draw: para los elementos que se leeran una y otra vez
{ .. } : sirve para agrupar codigos
size: tamaño del recuadro
background: color de fondo
frameRate: define las veces qe se repite por segundo "draw"
fill: color de las figuras
stroke: color de borde
strokeWeight: grosor de borde
rect: figura rectangular o cuadrada
ellipse: figura ovoide o circular
println: sirve para dialogar


Variables:

Todas las variables no las entendí, pero pude utilizar algunas sin dificultad como "int", "mouseX", "mouseY", "void mouseClicked" y "void keyPressed"

Tarea 2

Ver codigo en Processing

Tarea 1

size(200, 200);
noStroke();
background(250,20,200);
fill(50,10,100);
rect(30, 10, 20, 100);
fill(50,10,130);
rect(70, 10, 20, 100);
fill(50,10,160);
rect(110, 10, 20, 100);
fill(50,10,190);
rect(150, 10, 20, 100);
fill(100,10,50);
rectMode(CENTER);
rect(60, 30, 100, 20);




size(200, 200);
noStroke();
background(0);
smooth();
ellipseMode(CORNER);
ellipse(75, 100, 50, 180);
ellipseMode(CENTER);
fill(70,0,0);
noSmooth();
ellipse(100, 100, 100, 50);
smooth();
ellipseMode(CORNERS);
fill(100,0,80);
ellipse(0, 155, 50, 200);
rectMode(CORNERS);
noFill();
strokeWeight(2);
stroke(255);
rect(0,155,50,200);





size(300, 300);
background(0);
noStroke();
fill(200,0,50);
rect(0,0,100,50);
fill(50,200, 0);
rect(100,50,100,50);
fill(0,50,200);
rect(200,100,100,50);
fill(128);
rect(0,200,300,100);