map

def setup
  background(220)
  value = 25
  m = map(value, 0, 100, 0, width)
  ellipse(m, 50, 10, 10)
end
def setup
  noStroke
end

def draw
  x1 = map(mouseX, 40, 60, 10, 90)
  ellipse(x1, 25, 25, 25)
  # This ellipse is constrained to the 10-90 range
  # after setting withinBounds to true
  x2 = map(mouseX, 40, 60, 10, 90, true)
  ellipse(x2, 75, 25, 25)
end

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

[p5.js] map

概要

ある範囲内の数値を別の範囲にマッピング(割当て; 変換)します。

書式

map(value, start1, stop1, start2, stop2 [, withinBounds])

引数

引数名内容備考オプションデフォルト値
value変換される値
start1現在の範囲の下限値
stop1現在の範囲の上限値
start2マッピング先の範囲の下限値
stop2マッピング先の範囲の上限値
withinBounds制限true : 変換後の値を下限値と上限値の範囲に制限する
false : 変換後の値を下限値と上限値の範囲に制限しない
false

戻値

変換された値

備考

関連