cursor 

# Move the mouse across the quadrants
# to see the cursor change
def draw
  background(220)
  line(width / 2, 0, width / 2, height)
  line(0, height / 2, width, height / 2)
  if mouseX < 50 && mouseY < 50
    cursor(CROSS)
  elsif mouseX > 50 && mouseY < 50
    cursor('progress')
  elsif mouseX > 50 && mouseY > 50
    cursor('https://avatars0.githubusercontent.com/u/1617169?s=16')
  else
    cursor('grab')
  end
end

p5.jsリファレンス(参考情報)

[p5.js] cursor

概要

カーソルのイメージを設定して表示します。

書式

cursor(type [, x] [, y])

引数

引数名内容備考オプションデフォルト値
typeカーソルタイプ ARROW
CROSS
HAND
MOVE
TEXT
WAIT
CSSプロパティ:
'grab', 'progress', 'cell'など
その他、カーソルイメージへの外部パスも有効
xカーソルの水平アクティブスポット32以下の値○(未詳)
yカーソルの垂直アクティブスポット32以下の値○(未詳)

戻値

なし

備考

・カーソルタイプの詳細については、下記の URLを参照してください。
　cursor

関連