p5.js | función cursor()

La función cursor() en p5.js se usa para configurar el cursor en un símbolo predefinido o una imagen o lo hace visible si ya está oculto. Para establecer una imagen como cursor, el tamaño recomendado es 16×16 o 32×32 píxeles. Los valores de los parámetros x e y deben ser menores que las dimensiones de la imagen.

Sintaxis:

cursor(type, x, y)

Parámetros: esta función acepta tres parámetros, como se mencionó anteriormente y se describe a continuación:

• tipo: este parámetro almacena el tipo de cursor como FLECHA, CRUZ, MANO, MOVER, TEXTO y ESPERA Propiedades nativas de CSS: ‘grab’, ‘progress’, ‘cell’, etc. Externo: ruta para las imágenes del cursor (extensiones de archivo permitidas: . cur, .gif, .jpg, .jpeg, .png).
• x: este parámetro almacena el punto activo horizontal del cursor.
• y: este parámetro almacena el punto activo vertical del cursor.

El siguiente programa ilustra la función cursor() en p5.js:

Ejemplo: Este ejemplo usa la función cursor() para mostrar el cursor.

function setup() {
    
    // Create canvas
    createCanvas(400, 400);
      
    // Set the text size
    textSize(40); 
      
    // Set the text alignment
    // to center
    textAlign(CENTER);
}
  
function draw() {
    cursor('https://s3.amazonaws.com/mupublicdata/cursor.cur');
}

Producción:

Referencia: https://p5js.org/reference/#/p5/cursor