Ficha 8

    A lo largo de esta ficha, se ha puesto en práctica todos los conocimientos recopilados a lo largo de las diferentes fichas que se han llevado a cabo.

    De misma manera, se han incorporado unas nuevas instrucciones relacionadas con el uso del ratón en el programa.     

 

    Cursor del ratón invisible

    Con esta instrucción, podemos hacer que el cursor del ratón sea invisible: 

noCursor() 

 

    Varios puntos del ratón

    Si se desea establecer una instrucción que implique los puntos del ratón, siguiendo así, el movimiento del mismo, debemos utilizar:

mouseX, mouseY, pmouseX, pmouseY

mouseX: posición en el eje X del punto del ratón

mouseY: posición en el eje Y del punto del ratón

pmouseX: posición en el eje X del punto p del ratón

pmouseY: posición en el eje Y del punto p del ratón

 

    Botones del ratón 

    A partir de esta instrucción, acompañada de un comando, podemos determinar lo que ocurre dependiendo de si se utiliza o no cada uno de los botones del ratón.

mouseButton==LEFT

mouseButton==RIGHT

mouseButton==RIGHT: botón derecho del ratón

mouseButton==LEFT: botón izquierdo del ratón

 

    Botón del ratón pulsado 

    Con este mismo comando y las instrucciones anteriores, podemos definir diferentes funciones que ocurren dependiendo de si un botón del ratón esta pulsado o no.

mousePressed()

 

    Teclas del teclado

    A partir de esta instrucción, acompañada de un comando, podemos determinar lo que ocurre dependiendo de si se utiliza o no cada uno de los botones del ratón.

key=='x'

 

 

    Líneas

    Hemos creado un programa en el cual, a partir del movimiento del ratón, se dibujan líneas infinitas desde el punto (0,0) del programa:

 void setup()
{
  size(300,300);
  background(#C1FFF0);
}
void draw()
{
  noCursor();
  stroke(#227779);
  line(0, 0, mouseX, mouseY);
}

 

 

 

 

    Sin rastro

    En este ejercicio, se ha establecido un programa donde, una vez creada la figura de un círculo, esta sigue el movimiento del ratón. No obstante, el cursor del mismo no aparece, al igual que el rastro de círculos dibujados en cada punto. Obteniendo como resultado un círculo cuyo movimiento es definido por el propio movimiento del ratón, el cual es realizado por el propio usuario.

 void setup()
{
size(400,400);
}

void draw()
{
 noCursor();
 background(#C4FFEE);
 ellipse(mouseX, mouseY, 80, 80);
}

 

    Con rastro

    En esta siguiente actividad, al igual que en la anterior, se dibuja un círculo cuyo movimiento es determinado por el propio movimiento del ratón. Sin embargo, a diferencia del anterior, este programa va dejando un rastro de los círculos que se han posicionado en cada uno de los puntos definidos por el movimiento del ratón. 

void setup()
{
size(400,400);
background(#C4FFEE);
}

void draw()
{
 ellipse(mouseX, mouseY, 80, 80);
}

 

 

 

    Círculo - cuadrado

    De misma manera que en el ejercicio anterior, se ha establecido un programa donde el movimiento de la figura de un circulo y un ratón es definida por el movimiento de propio ratón. Asimismo, este movimiento deja un rastro de todas las figuras posicionadas en cada uno de os puntos recorridos por el propio ratón. El dibujo de un circulo o un cuadrado depende del botón del ratón que sea pulsado,obteniendo así, el siguiente programa:  

void setup()
{
size(400,400);
background(#C4FFEE);
}
void draw()
{
if (mouseButton == LEFT)
{
rect(mouseX,mouseY,80,80); // Black
}
else if (mouseButton == RIGHT)
{
ellipse(mouseX,mouseY,80,80);
}
}

    Círculo - cuadrado y colores

    Este programa es exactamente igual a previo: utiliza las figuras del círculo y cuadrado, donde su movimiento viene dado por el ratón, ambos dejan un rastro y e dibujo de una figura u otra es definido por el boton del raton que sea pulsado.

    La única variación en este programa es que los círculos y cuadrados son rellenados por un color, el cual viene determinado por las diferentes teclas de teclado que sean pulsadas.

void setup()
{
size(400,400);
background(#C4FFEE);
}

void draw()
{
if (mouseButton==LEFT)
{
rect(mouseX,mouseY,80,80);
}
else if (mouseButton==RIGHT)
{
ellipse(mouseX,mouseY,80,80);
}
{
if (key=='r')
{
fill(255,0,0);
}
else if (key=='v')
{
fill(0,255,0);
}
else if (key=='a')
{
fill(0,0,255);
}
}
}

 

 

    Pizarra

    En esta ultima actividad, se ha creado una pizarra donde el movimiento del ratón crea unos trazos de diferentes colores. Estos colores varían dependiendo de la tecla de teclado que se pulse antes de crear el trazo.

void setup()
{
size(400,400);
background(0,0,0);
}


void draw()
{
strokeWeight(2);
if(mousePressed)
{

line(mouseX, mouseY, pmouseX, pmouseY);
if(key=='r')
{
  stroke(255,0,0);
}
if(key=='v')
{
  stroke(0,255,0);
}
if(key=='a')
{
  stroke(0,0,255);
}
}
}