def setup
createCanvas(100, 100)
background(0)
button = createButton('Action')
button.position(0, 0)
button.mouseWheel do |delta|
if delta > 0
@d += 10
else
@d -= 10
end
@d = constrain(@d, 10, 100)
@g = rand(255)
false
end
@g = 220
@d = 50
end
def draw
background(@g)
ellipse(width / 2, height / 2, @d, @d)
end
[p5.js] (p5.Element.obj).mouseWheel
HTML要素上でマウスホイールイベントが検出されたときに実行する処理を登録します。
| 引数名 | 内容 | 備考 | オプション | デフォルト値 |
|---|---|---|---|---|
| void | 無効化 | falseが指定された場合にはブロックは実行されない | ○ | nil |
| ... | ブロック | 実行される処理 |
なし
・p5.jsではブロック引数として event(マウスイベント)を受け取りますが、
rbCanvas/p5では delta(マウスホイールの移動量)を受け取ります。
ただし、ブロック引数 deltaが不要な場合は省略しても構いません。
・ブラウザに関連付けられている標準的なマウスホイールイベントの動作を抑止するためには、
ブロックの末尾に「false」を記述して falseを返すようにしてください。
(ブロック内なので returnを使うことはできません)