■ globalAlpha [JavaScript版]

 globalAlpha値によるピクセルデータの変化を表示する。

●color指定方法:
 ・色名     (例)pink
 ・rgb(rr,gg,bb) (例)rgb(128,64,200)
 ・#rrggbb    (例)#123456

●alpha値: 0(完全透明)~1(完全不透明)

color-1color-2alpha(0-1)

(左から順に、color-1、color-2、color-1+color-2/α)


●alpha値指定によるピクセルデータ:
  color-1: (r1, g1, b1)
  color-2: (r2, g2, b2)

 のとき、color-1で塗りつぶされた領域に対して、アルファ値:α、color-2で重ね塗りすると、各ピクセルのRGB(r, g, b)値は
  r = r1・(1-α) + r2・α
  g = g1・(1-α) + g2・α
  b = b1・(1-α) + b2・α

 α = 0 のとき color-1に、α = 1 のとき color-2となる。
ホーム