複数Canvasの設置テスト

最初に左上のオブジェクトをランダム色で生成し、その後R、G、Bをそれぞれ一定量（Increment value）で変化させながら、左上→左下→右側の列上→下の順に描画しています。
生成されるパターンや印象は、初期値とRGBそれぞれの変化量によって変わります。平面グラフでは、RGBの値の変化をそれぞれ折れ線で表示しました。３次元グラフでは、RGBの軸の中に生成された色をプロットすることによって、どのくらいの色数がどのような分布で生成されるのかを確認できるようにしました。
R、G、Bの変化量は一定の幅の中でランダムに決定していますが、この幅（Increment Range）を変更できるようにしています。Increment Rangeが小さい時、平面グラフの変化の勾配は比較的ゆるやかで、生成される値もバリエーションに富んでいます。
反対に、Increment Rangeが大きいと平面グラフの変化は極端になり0と255の間を細かく行き来します。生成される色の数がすくなくなり、プロットされる点の数も少なくなります。この時、六角形の模様は同じ色の繰り返しによる一定のパターンが生まれやすくなることも分かります。

サイズ、増分の幅を変更し [redraw]をクリックすると反映されます。 同じ値でも [redraw]をクリックする度に生成されるパターンが変化します。

上記で生成したR,G,Bの値の変化グラフ。 Increment valueが小さいとグラフの勾配はなだらかになり、Increment valueが大きいとグラフは細かい上下を繰り返します。
このグラフを表示することによって、RGBのうち２つ以上のグラフの増減周期が偶然重なっているような場合に、六角形の模様にも規則性が生まれ、美しいパターンが生成されることが分かりました。