(p5.Element.obj).mouseClicked

def setup
  createCanvas(100, 100)
  background(0)
  button = createButton('Action')
  button.position(0, 0)
  button.mouseClicked do
    @g = rand(255)
    @d += 10
    @d = 10 if @d > 100
  end
  @g = 220
  @d = 10
end

def draw
  background(@g)
  ellipse(width / 2, height / 2, @d, @d)
end

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

[p5.js] (p5.Element.obj).mouseClicked

概要

要素上でマウスの左ボタンがクリックされたときに実行する処理を登録します。

書式

mouseClicked do ... end

引数

引数名内容備考オプションデフォルト値
...ブロック実行される処理

戻値

なし

備考

関連

(p5.Element.obj).doubleClicked
(p5.Element.obj).mousePressed
(p5.Element.obj).mouseReleased
(p5.Element.obj).mouseMoved
(p5.Element.obj).mouseOver
(p5.Element.obj).mouseOut
(p5.Element.obj).mouseWheel