13. Uso del teclado

Sobre la pantalla se puede cargar y mostrar un archivo de imagen y hacer que se desplace. Una de las imágenes se mantiene inmóvil, la otra se sitúa en unas coordenadas (x, 200) de forma que x puede ir variando desde 500 hasta -130. De esta forma esta segunda imagen se desplaza de derecha a izquierda y vuelve de nuevo a la derecha.

Mediante las flechas del teclado podemos ir variando la altura de la imagen y el valor de la "Y", haciendo que la imagen suba o baje.

int x = 500;

int y = 250;

int x1 = 136;

int y1 = 82;

void setup() {

size(500, 500);

img = loadImage("https://www.anipedia.net/images/gifs-animados-raton-blanco.gif");

img1 = loadImage("https://static2.abc.es/media/bienestar/2020/03/13/queso-kO3F--1200x630@abc.jpg");

}

void draw() {

x = x - 1;

if(x==-130){

x = 500;

}

if (keyCode==38){//Flecha arriba

y = y - 1;

keyCode=0;

}

if (keyCode==40){//Flecha abajo

y = y + 1;

keyCode=0;

}

if (keyCode==39){//Flecha derecha

x1 = x1 +1;

y1 = y1 +1;

keyCode=0;

}

if (keyCode==37){//Flecha izquierda

x1 = x1 -1;

y1 = y1 -1;

keyCode=0;

}

image(img1, 0, 0);

image(img, x, y, x1, y1);

}