(p5element).position

def setup
  background(220)

  b1 = createButton('button 1')
  b2 = createButton('button 2')
  b3 = createButton('button 3')

  b1.position(10, 10)
  b2.position(20, 40)
  b3.position(30, 70)
end

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

[p5.js] (p5.Element).position

概要

HTML要素の表示位置を設定または取得します。

書式

r = obj.position
obj.position(x, [y], [positionType])

引数

引数名内容備考オプションデフォルト値
xHTML要素の左上 x座標
yHTML要素の左上 y座標○未詳
positionTypeタイプ'absolute'
'static'
'fixed'
'relative'
'sticky'
'initial'
'inherit'		○'absolute'

戻値

r : ハッシュ {x: x座標, y: y座標}

備考

・positionを指定しない場合、HTML要素はデフォルトの位置としてメインキャンバスの外側に配置されます。
・上記書式の２番目に記載されている構文の場合、戻値は HTML要素自身になるのでメソッドチェーンによる記述が可能です。

関連