En este apartado vamos a realizar distintas prácticas de programación.
- 1ª Práctica
Para realizar esta primera práctica, hemos hecho lo siguiente:
1- Hemos creado el tamaño del folio con medidas proporcionales. Posteriormente, hemos definido el color del fondo, que en este caso ha sido amarillo.
2- Tras haber definido el tamaño y el fondo, hemos dibujado seis elipses de tamaño proporcional al del folio. Lo siguiente ha sido colocarlas en distintas partes del folio de forma que queden de mayor a menor y de menor a mayor respectivamente.
3- Finalmente, hemos alineado las seis elipses tres a tres horizontalmente.
ESTE HA SIDO EL RESULTADO:
Comandos:
size(600,400);
background(255,255,0);
ellipse(100,100,100,100);
ellipse(300,100,60,60);
ellipse(500,100,20,20);
ellipse(100,300,20,20);
ellipse(300,300,60,60);
ellipse(500,300,100,100);
- 2ª Práctica
Para realizar esta práctica, hemos hecho lo siguiente:
1- Hemos creado las variables Salva y Zaira para definir números decimales(float).
2- Hemos creado el tamaño del documento, definido el color de fondo, dibujado siete elipses de distinto tamaño y distinta posición y finalmente definir también su color.
3- Como cada una de las elipses tiene que estar en distintos sitios y tienen que ser proporcionales al tamaño del folio, hemos introducido las variables para definir las medidas de las elipses.
4- Al cambiar el tamaño del folio, las elipses siguen en su sitio.
ESTE HA SIDO EL RESULTADO:
Comandos:
float Zaira= 1.2;
float Salva= 1.3;
size(1400,800);
background(0,255,0);
fill(255,255,0);
ellipse(width/4,height/6,20,20);
ellipse(width/4,height/2,50,50);
ellipse(width/4, height/Zaira,80,80);
ellipse(width/2,height/2,80,80);
ellipse(width/Salva,height/6,80,80);
ellipse(width/Salva,height/2,50,50);
ellipse(width/Salva,height/Zaira,20,20);
- Práctica 3:
ESTE HA SIDO EL RESULTADO:
Para realizar esta práctica, hemos realizado los siguientes pasos:
1-Hemos creado una variable float para definir la velocidad de las elipses que posteriormente dibujaremos.
2- Hemos definido la variable void setup y dentro hemos introducido las variables tamaño, para que sea proporcional y fondo, para que sea negro.
3- Hemos creado la variable void draw y dentro hemos introducido lo siguiente:
3.1- Hemos definido las variables float=random para que cambie el color de las elipses.
3.2- Hemos definido varias elipses y en sus variables hemos introducido la variable de velocidad y a cada una le hemos sumado un número para que adopte distintas posiciones en el plano.
3.3- Bajo la primera elipse, hemos definido otra variable float para concretar el tamaño del diámetro, que será de diferente tamaño ya que es random.
3.4- Para concluir, la última variable que hemos definido es otra de velocidad a la que le sumamos uno para que las elipses se desplacen hacia la derecha.
Comandos:
float vel= 4;
void setup(){
size(1000,600);
background(0,0,0);
}
void draw(){
float Zaira= random(250);
float Salva= random(255);
fill(Zaira,Zaira,Salva);
ellipse(vel,200,60,60);
float diam= random(75);
ellipse(vel+2,50,diam,diam);
ellipse(vel+5,400,diam,60);
ellipse(vel+3,500,60,diam);
vel= vel+1;
}
- Práctica 4:
ESTE HA SIDO EL RESULTADO:
Para realizar esta práctica, hemos realizado los siguientes pasos:
1- Hemos creado el tamaño del folio y hemos introducido ese comando dentro de otro llamado void setup, en el cual los comandos que introduzcas no se repiten.
2- En el comando void draw, en el cual se repiten todos los datos, hemos formado diferentes variables para definir el movimiento del ratón y colores aleatorios con la opción random.
3- Hemos creado un fondo con tres variables de modo que cuando vayas deslizando el ratón por la pantalla, ésta cambie de color.
4- La opción fill, nos ha servido para definir el color de los rectángulos.
5- Finalmente, hemos creado dos rectángulos cuyas variables estén definidas por los comandos float para que cuando muevas el ratón, lo haga también el rectángulo y al mismo tiempo cambie el color de éste y del fondo.
Comandos:
void setup (){
size(600,400);
}
void draw (){
float a = mouseX;
float b = mouseY;
float c= random(250);
float d = random(250);
float e = random(250);
background(a,b,0);
fill(c,d,b,e+20);
rect(b,b,10*25,c/25);
rect(a*10,25*25,20/e,20/c);
}
- Práctica 5:
ESTE HA SIDO EL RESULTADO:
En esta práctica, hemos realizado los siguientes pasos:
1- Hemos definido las variables float de posición y velocidad para que la elipse que posteriormente dibujaremos se mueva.
2- Hemos creado el tamaño del folio y lo hemos introducido dentro de void setup.
3- Dentro de void draw hemos hecho lo siguiente:
3.1- Hemos creado el color del fondo y posteriormente hemos definido el color de la elipse.
3.2- Dibujamos la elipse, y como variables, hemos introducido float posición como X e Y.
3.3- Hemos definido posición X e Y con velocidades diferentes para que la elipse pueda moverse.
3.4- Hemos creado un comando condicional para las posiciones X e Y de forma que cuando la elipse llegue al punto elegido suba, baje o vaya de lado a lado.
3.5- Finalmente, hemos definido las velocidades de forma que siempre la elipse vaya de izquierda a derecha o viceversa.
Comandos:
float posicionX=200;
float posicionY=100;
float velocidad1=10;
float velocidad2=20;
void setup(){
size(600,400);
}
void draw(){
background(0,255,0);
fill(0,0,0);
ellipse(posicionX,posicionY,50,50);
posicionX= posicionX+velocidad1;
posicionY= posicionY+velocidad2;
if(posicionX>=600|| posicionX<=0){
velocidad1=velocidad1*(-1);
}
if(posicionY>=400|| posicionY<=0){
velocidad2=velocidad2*(-1);
}
}
4CabelloMoreno 