camera

概要

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

[p5.js] camera

サンプル

def setup
  createCanvas(100, 100, WEBGL)
end

def draw
  background(204)
  camera(0, 0, 20 + sin(frameCount * 0.01) * 10, 0, 0, 0, 0, 1, 0)
  plane(10, 10)
end
def setup
  @sliderGroup = []
  @h = 15

  createCanvas(100, 100, WEBGL)
  # create sliders
  (0..5).each do |i|
    if i == 2
      @sliderGroup[i] = createSlider(10, 400, 200)
    else
      @sliderGroup[i] = createSlider(-400, 400, 0)
    end
    h = map(i, 0, 6, 5, 85)
    @sliderGroup[i].position(10, height + @h * i)
    @sliderGroup[i].style('width', '80px')
  end
end

def draw
  background(60)
  # assigning sliders' value to each parameters
  x = @sliderGroup[0].value
  y = @sliderGroup[1].value
  z = @sliderGroup[2].value
  centerX = @sliderGroup[3].value
  centerY = @sliderGroup[4].value
  centerZ = @sliderGroup[5].value
  camera(x, y, z, centerX, centerY, centerZ, 0, 1, 0)
  stroke(255)
  fill(255, 102, 94)
  box(85)
end

構文

戻値