Processing

En esta página iré recogiendo información sobre los diferentes códigos aprendidos en Processing a lo largo del curso :)

Funciones básicas de repetición

Bloque que se repite una vez

void setup()

Bloque que se repite cíclicamente

void draw()

Bucle for()

for(init; test;update) {statements}

init: indice para avanzar en el ciclo, donde inicia. Asigna el valor inicial de la variable utilizada en la prueba.

test: evalúa si es verdadero (true) o falso (false).

update: modificar la variable después de cada iteración a través del bloque.

{statements}: código del bloque a ejecutar si test es true.

 

Bucle while()

int i = 0; //declaración de la variable contador

while (condición que se debe cumplir)

{

instrucciones a realizar;

i = i + 10; // incremento de la variable contador

}

Bucle if()

int x=7;  //declaración de la variable contador

if (condición que se debe cumplir)

{

println(x+" mensaje que resulta si esa condición es true); // x+ muestra el valor que tiene la variable x

}

else // si no se cumple la condición anterior

{

println(x+" mensaje que resulta si esa condición es true);// x+ muestra el valor que tiene la variable x

Ventana o lienzo

Tamaño

size(ancho,alto);  

Color de fondo

background(red, green, blue); 

Figuras Básicas

Punto

point(x,y);

x: la coordenada X o ancho 

y: la coordenada Y o alto.

Línea

line(x1,y1,x2,y2);

x1: posición en el eje X donde se inicia la línea.

y1: posición en el eje Y donde se inicia la línea.

x2: posición en el eje X donde finaliza la línea.

y2: posición en el eje Y donde finaliza la línea.

Cuadrado o rectángulo 

rect(x,y,ancho,alto);

x: posición inicial en el eje X.

y: posición inicial en el eje Y.

ancho: ancho del cuadrado o rectángulo.

alto: alto del cuadrado o rectángulo.

Cuadrado o rectángulo con bordes redondeados

rect(x,y,ancho,alto,r);

x: posición inicial en el eje X.

y: posición inicial en el eje Y.

ancho: ancho del cuadrado o rectángulo.

alto: alto del cuadrado o rectángulo.

r: radio de curvatura del borde.

Círculo o elipse

ellipse(x,y,ancho,alto);

x: posición en el eje X donde se inicia la elipse o círculo.

y: posición en el eje Y donde se inicia la elipse o círculo.

ancho: ancho del circulo o elipse.

alto: alto del circulo o elipse.

 

Triángulo

triangle(x1,y1,x2,y2,x3,y3);

x1: posición en el eje X del primer vértice

y1: posición en el eje Y del primer vértice

x2: posición en el eje X del segundo vértice.

y2: posición en el eje Y del segundo vértice.

x3: posición en el eje X del tercer vértice.

y3: posición en el eje Y del tercer vértice.

Características de una figura

Relleno de color de una figura

fill(red,green,blue);

Relleno de color de una figura con transparencia

fill(red,green,blue,x);

x: nivel de transparencia

Relleno vacío de una figura 

noFill();

Borde de una figura

strokeWeight(x);

x: tamaño del grosor del borde

Borde vacío de una figura

noStroke();

Color del borde

stroke(red, green, blue); 

 

 

Ratón 

 

Cursor del ratón invisible

noCursor() 

 

Varios puntos del ratón

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 

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 

mousePressed()