blendMode 

def setup
  background(220)
  blendMode(LIGHTEST)
  strokeWeight(30)
  stroke(80, 150, 255)
  line(25, 25, 75, 75)
  stroke(255, 50, 50)
  line(75, 25, 25, 75)
end

def setup
  background(220)
  blendMode(MULTIPLY)
  strokeWeight(30)
  stroke(80, 150, 255)
  line(25, 25, 75, 75)
  stroke(255, 50, 50)
  line(75, 25, 25, 75)
end

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

[p5.js] blendMode

概要

キャンバス上のブレンドモードを設定します。

書式

blendMode(mode)

引数

引数名内容備考オプションデフォルト値
modeモード ADD
DARKEST
LIGHTEST
DIFFERENCE
EXCLUSION
MULTIPLY
SCREEN
REPLACE
REMOVE
・P2Dモードのキャンバスでのみ有効
OVERLAY
HARD_LIGHT
SOFT_LIGHT
DODGE
BURN
・WEBGLモードのキャンバスでのみ有効
SUBTRACT

戻値

なし

備考

関連