ocultamos el cursor. Cambiamos el cursor
En la página anterior hicimos la animación con 10 imágenes, quedó bastante graciosa a excepción de que la flecha del cursor tapaba la cara de Yolanda, sobre todo cuando se mostraba la imagen mirando al frente.
En esta página veremos como podemos ocultar el cursor y como podemos cambiar la imagen del cursor.
Para ocultar el cursor usaremos la función noCursor(), así de fácil.
Para volver a mostrar el cursor usaremos la función cursor(). Esta función la podemos usar sin parámetros, con un parámetro para indicar el tipo de cursor que queremos mostrar (ARROW: flecha, CROSS: cruz, HAND: manita con dedo señalando, MOVE: la cruz con puntas que suele usarse para mover objetos, TEXT: la línea vertical para introducir texto, WAIT: el reloj de arena). La tercera forma de usar cursor es indicando la imagen que queremos usar como cursor y las coordenadas del punto que señala.
Bueno, creo que no tengo nada más que añadir.
01 int nImagenes = 11;//11 imágenes 0,1,...,10
02 int oculto=9; //la imagen 9 es la que oculta las caras
03 int riendo=10; //la imagen 10 será la cara sonriente
04 //las 9 restantes carar mirando
05 int actual = oculto;//la primera vez la imagen que se muestra es la que oculta las caras
06 int ancho = 102, alto = 102;//en esta ocasión las medidas de la imagen ya es múltiplo de tres
07 int tercioAncho= ancho/3,tercioAlto=alto/3;
08 PImage[] imagenes = new PImage[nImagenes];
PImage imgMosca;
09 void setup()
10 {
11 size(ancho, alto);
12 framerate(30);
13 background(255);
imgMosca = loadImage("mosca.gif");
14 for (int i=0;i
15 imagenes[i] = loadImage("ysm0"+i/3+""+i%3+".jpg");
16 // ej. imagen 7. i=7 7/3 =2, 7%3=1. la imagen 7 se llama ysm021.jpg
17 // el operador % nos da el resto de la división.
18 }
19 void draw()
20 {
21 if (mousePressed==true) actual =riendo;
22 else if ((mouseY>0 && mouseY0 && mouseX
23 actual = (mouseY/tercioAlto)*3+(mouseX/tercioAncho);
24 else actual=oculto;
25 image(imagenes[actual], 0, 0);
if (actual==4) noCursor();
else cursor(imgMosca,1,1);
26 }
|
Aquí podemos ver a Yolanda siguiendo con la vista a la mosca:
