Custom mouse cursor

Processing Coding Questions
1

how can i customize the cursor that is displayed inside Processing 3, for example, make it appear as a custom png image instead of the OS’s cursor image

1 Like
2

You can have cross hand or arrow

See reference

But you can display an image at mouse position

You can hide mouse cursor with noCursor()

3

hmm so one technique may be to hide the mouse cursor, then load an image and have it follow the mouseX and mouseY?

4

That’s right

Use imageMode CENTER

It’s not exactly the same but I don’t know how to make a customized mouse arrow

1 Like
5

User cursor(myImg)

cursor(img)

It is described on the cursor reference page.

For example, here is a sketch with a tiny Processing logo as a cursor.

/**
 * Custom mouse cursor basic example
 * 2020-06-04 Processing 3.5.4
 * https://discourse.processing.org/t/custom-mouse-cursor/21549
 */
void setup(){
  size(400, 400);
  PImage img = loadImage("https://upload.wikimedia.org/wikipedia/commons/thumb/2/2e/Processing_3_logo.png/600px-Processing_3_logo.png");
  img.resize(64, 64);
  cursor(img);
}

void draw(){}
2 Likes
6

and umm how would i reset the cursor image? if possible

like would i need to set a default cursor such as ARROW then change and reset as desired?

7

Did you try using any of the cursor() commands on the reference page? What happened when you tried?