erase

def setup
  background(100, 100, 250)
  fill(250, 100, 100)
  rect(20, 20, 60, 60)
  erase
  ellipse(25, 30, 30)
  noErase
end
def setup
  background(150, 250, 150)
  fill(100, 100, 250)
  rect(20, 20, 60, 60)
  strokeWeight(5)
  erase(150, 255)
  triangle(50, 10, 70, 50, 90, 10)
  noErase
end
def setup
  smooth
  createCanvas(100, 100, WEBGL)
end

def draw
  background(150, 150, 50)
  fill(15, 95, 85)
  noStroke
  sphere(30)
  erase
  rotateY(frameCount * 0.04)
  translate(0, 0, 40)
  torus(15, 5)
  noErase
end

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

[p5.js] erase

概要

後続の描画メソッドを白抜き状態にして、キャンバスから削除されたような効果を出します。

書式

erase([strengthFill] [, strengthStroke])

引数

引数名内容備考オプションデフォルト値
strengthFill白抜きの塗りつぶし濃度0~255255
strengthStroke白抜きの枠線濃度0~255255

戻値

なし

備考

・noEraseメソッドによって eraseの効果が終了します。
・erase do ~ end構文の実装は検討中です。

関連

noErase