getItem

(別名: get_item)

def setup
  background(220)
  textSize(16)
  text("lv:", 5, 30) #{getItem('lv')}", 5, 80)
  text("hp:", 5, 55) #{getItem('hp')}", 5, 30)

  inp_lv = createInput('10')
  inp_lv.position(35, 15)
  inp_lv.size(50)

  inp_hp = createInput('850')
  inp_hp.position(35, 40)
  inp_hp.size(50)

  button = createButton('store')
  button.position(40, height + 5)
  button.size(50)
  button.mousePressed do
    storeItem('lv', inp_lv.value)
    storeItem('hp', inp_hp.value)
    textSize(12)
    text('保存しました', 10, 85)
  end
end
def setup
  button_get = createButton('get')
  button_get.position(0, height + 5)
  button_get.size(100)
  button_get.mousePressed do
    getFromStorage
  end

  button_rmlv = createButton('remove(lv)')
  button_rmlv.position(0, height + 35)
  button_rmlv.size(100)
  button_rmlv.mousePressed do
    removeItem('lv')
    getFromStorage
  end

  button_rmhp = createButton('remove(hp)')
  button_rmhp.position(0, height + 60)
  button_rmhp.size(100)
  button_rmhp.mousePressed do
    removeItem('hp')
    getFromStorage
  end

  button_clear = createButton('clear')
  button_clear.position(0, height + 90)
  button_clear.size(100)
  button_clear.mousePressed do
    clearStorage
    getFromStorage
  end
end

def draw
  background(220)
  textSize(16)
  text("lv: #{@lv}", 5, 30)
  text("hp: #{@hp}", 5, 55)
end

def getFromStorage
  @lv = getItem('lv')
  @hp = getItem('hp')
end
def setup
  background(220)
  country = {name: "Japan", city: "Tokyo", area: 378000}
  storeItem("jp", country)  # ハッシュの保存
  value = getItem("jp")
  text("name: #{value[:name]}", 5, 30)
  text("city: #{value[:city]}", 5, 55)
  text("area: #{value[:area]}", 5, 80)
end

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

[p5.js] getItem

概要

ブラウザのローカルストレージから値を取得します。

書式

getItem(key)

引数

引数名内容備考オプションデフォルト値
keyキー文字列

戻値

ローカルストレージから取得した値
(文字列 | 数値 | 真偽値 | 配列 | ハッシュ | p5.Colorオブジェクト | p5.Vectorオブジェクト)

備考

関連

storeItem
removeItem
clearStorage