処理中に長方形のようなクッションを描くには？

Question

私は、写真のように処理中に長方形のようなクッションを描こうとしています。これを実現するために「光」を使用するトリッキーな方法はありますか？誰もそれについて考えているのですか？ありがとう！

のPIC参照：http://philogb.github.io/blog/2009/02/05/cushion-treemaps/

Answer 1

何のことをいっているのは放射状グラデーションと呼ばれています。

これにはいくつかの方法があります。 1つの方法は、単に円の束を描くことです。小さな例があります：

size(200, 200); 
for(float diameter = 255; diameter > 0; diameter--){ 
    noStroke(); 
    fill(0, 255-diameter, 0); 
    ellipse(width/2, height/2, diameter, diameter); 
} 

また、図面を矩形に制限する必要があります。 createGraphics()関数を使用してバッファを作成し、バッファにグラディエントを描画してから、バッファを画面に描画します。

あなたは本当にbreak your problem down into smaller stepsで、これらの手順を1つずつ実行してください。最初に、単純なグラデーションを示すスケッチを作成します。次に、バッファを使用するスケッチを作成します。それらを1つのスケッチに結合する前に、それらの両方を自分で動作させます。がんばろう。

Answer 2

示すタイプ（ツリーマップ）の半径方向の勾配の集合を実装するための別の一般的な方法は：

1. （JPEG/PNG）を有する単一のかなり高い解像度の画像アセットを作成したり取得 - https://www.google.com/search?q=radial+gradient+box&tbm=isch

2. 負荷画像

3. あなたの箱を描くよう

4. はオプションでtint()を使用してイメージの色を緑、赤などに色分けします。これはグレースケールのソースイメージで最も効果的です。

5. 規模5-引数image(img, x1, y1, x2, y2)

迅速な回答や提案のための