(p5.Element.obj).mouseWheel

def setup
  createCanvas(100, 100)
  background(0)
  button = createButton('Action')
  button.position(0, 0)
  button.mouseWheel do |event|
    event = Native(`event`)
    if event.deltaY > 0
      @d += 10
    else
      @d -= 10
    end
    @d = constrain(@d, 10, 100)
    @g = rand(255)
  end
  @g = 220
  @d = 50
end

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

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

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

概要

要素上でマウスホイールイベントが検出されたときに実行する処理を登録します。

書式

mouseWheel do |event| ... end

引数

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

戻値

なし

備考

・ブロック引数として eventオブジェクトを受け取りますが、
 rbCanvas/p5上でこのオブジェクトを扱うためには Nativeメソッドでの変換が必要です。

関連

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