Coverage layer

Here, we examine what happens to a translucent stroke before it reaches the canvas.

このページでは、半透明のストロークがキャンバスに描画される前に何が起きるのかを見ていきます。

When the geometry of a translucent stroke covers the same pixel more than once (for example, when a bend causes the ribbon to fold over itself), the pixel is composited repeatedly, creating dark creases. To prevent this, we use an offscreen buffer. First, we render each stroke into the buffer on its own, using MAX blending. No matter how many times a stroke covers a pixel, only its greatest coverage is retained. We then composite the buffer onto the canvas exactly once.

半透明のストロークの形状が同じピクセルを複数回覆うと、たとえば曲がり角でリボン状のストロークが折り返して重なると、そのピクセルが繰り返し合成され、濃い筋ができてしまいます。これを防ぐため、オフスクリーンバッファを使います。まず、それぞれストロークを個別にバッファへ描画し、MAXブレンディングを適用します。ストロークが同じピクセルを何度覆っても、最も高い被覆率だけが保持されます。次に、バッファをキャンバスへ一度だけ合成します。

The buffer, live

open full size ↗

Draw with a broad charcoal brush on the left half. The right half displays the coverage buffer as you draw. Curl the stroke tightly back over itself and watch both sides: the buffer shows the mark at uniform strength, with folds already reduced to a single coverage.

左半分に幅広の木炭ブラシで描いてみてください。右半分には、描画中の被覆バッファが表示されます。ストロークをきつく折り返して自分自身に重ね、両側を見比べてみましょう。バッファでは筆跡が均一な強さで表示され、折り重なった部分もすでに単一の被覆にまとめられています。

Single Color

open full size ↗

MAX preserves single coverage in the alpha channel. When a mark folds over itself, the buffer retains only the greatest coverage, so the overlap neither darkens nor doubles.

アルファチャンネルでは、MAXによって被覆率の重複を防げます。筆跡が自分自身に折り重なっても、バッファには最大の被覆率だけが残るため、重なった部分が濃くなったり二重になったりしません。

Multi Colors

open full size ↗

A brush lays down two pigments. Taking the per-channel maximum of two hues pushes the result toward white (for example, cyan over red produces white), so a two-color stroke would blow out where it crosses itself. A multicolor mark still uses MAX blending for coverage, but composites color with standard blending, allowing the top layer to win. The pigments then blend as they layer at the crossing instead of becoming brighter. Draw a self-crossing loop and watch the colors blend rather than lighten.

筆は2色の顔料を描き重ねますが、2つの色のそれぞれのチャンネルで最大値を取ると、結果は白に近づきます（たとえば、赤にシアンを重ねると白になります）。そのため、2色のストロークでは交差部分が白飛びしてしまいます。多色の筆跡では、被覆率には引き続きMAXブレンディングを使い、色は標準的なブレンディングで合成して、上の色を優先します。その結果、交差部分は明るくなるのではなく、色が重なって混ざります。自分自身と交差するループを描き、交差部分で色が明るくならずに混ざる様子を見てください。