sphere 

def setup
  createCanvas(100, 100, WEBGL)
end

def draw
  background(205, 102, 94)
  sphere(40)
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, 102, 94)
  rotateY(millis / 1000);
  sphere(40, @detailX.value, 16)
end

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

def draw
  background(205, 105, 94)
  rotateY(millis() / 1000)
  sphere(40, 16, @detailY.value)
end

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

[p5.js] sphere

概要

球を描画します。

書式

sphere([radius] [, detailX] [, detailY])

引数

引数名内容備考オプションデフォルト値
radius球の半径○(未詳)
detailXx方向の細分割数○(未詳)
detailYy方向の細分割数○(未詳)

戻値

なし

備考

関連