def setup
  @radio = createRadio
  @radio.position(0, 105)
  @radio.option('black')
  @radio.option('white')
  @radio.option('gray')
  @radio.style('width', '80px')
  textAlign(CENTER)
end

def draw
  val = @radio.value
  background(val)
  noFill
  rect(0, 0, width, height)
  fill(255, 0, 0)
  text(val, width / 2, height / 2)
end

def setup
  @radio = createRadio
  @radio.position(0, 105)
  @radio.option('10', 'apple')
  @radio.option('20', 'bread')
  @radio.option('30', 'juice')
  @radio.selected('20')
  @radio.style('width', '80px')
  textAlign(CENTER)
end

def draw
  background(200)
  val = @radio.value
  if val
    text('$' + val, width / 2, height / 2)
  end
end

def setup
  @radio_w = createRadio('weight')
  @radio_w.position(0, 105)
  @radio_w.option('2', '細')
  @radio_w.option('4', '中')
  @radio_w.option('6', '太')
  @radio_w.vertical
  @radio_w.selected('4')

  @radio_c = createRadio('color')
  @radio_c.position(50, 105)
  @radio_c.option('red', '赤')
  @radio_c.option('green', '緑')
  @radio_c.option('blue', '青')
  @radio_c.vertical
  @radio_c.selected('green')
end

def draw
  background(220)
  noFill
  strokeWeight(@radio_w.value.to_i)
  stroke(@radio_c.value)
  rect(10, 10, 80, 80)
end