cylinder

def setup
  createCanvas(100, 100, WEBGL)
end

def draw
  background(205, 105, 94)
  rotateZ(frameCount * 0.02)
  rotateX(frameCount * 0.02)
  cylinder(20, 50)
end

def setup
  createCanvas(100, 100, WEBGL)
  @detailX = createSlider(3, 24, 3)
  @detailX.position(10, height + 5)
  @detailX.style('width', '80px')
end

def draw
  background(205, 105, 94)
  rotateY(millis / 1000)
  cylinder(20, 75, @detailX.value, 1)
end

def setup
  createCanvas(100, 100, WEBGL)
  @detailY = createSlider(1, 16, 1)
  @detailY.position(10, height + 5)
  @detailY.style('width', '80px')
end

def draw
  background(205, 105, 94)
  rotateY(millis / 1000)
  cylinder(20, 75, 16, @detailY.value)
end

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

[p5.js] cylinder

概要

円柱を描画します。

書式

cylinder([radius] [, height] [, detailX] [, detailY] [, bottomCap] [, topCap])

引数

引数名内容備考オプションデフォルト値
radius円柱の底面の半径○50
height円柱の高さ○radiusの値
detailXx方向の細分割数○24
detailYy方向の細分割数○1
bottomCap底面を描画するかどうかtrue
false		○true
topCap上面を描画するかどうかtrue
false		○true

戻値

なし

備考

関連