同心円を重ねたパターンを生成できるオンラインジェネレーター - Concentrics

Post on:2012年8月15日

sponsors

同心円を重ねたさまざまなパターンを生成できるちょっと面白いオンラインジェネレーターを紹介します。

ジェネレーターはHTML5 CanvasとJavaScriptで作成されており、簡単な操作でさまざまなパターンが生成できます。

右パネルからパターンの設定ができます。

設定パネル（上から、サイズ、スペース、カラー）

「Sizing」の値を全体的に大きくして、波状のパターンにしてみます。

和風の波状のパターン

形状は円だけでなく、四角も利用できます。
「Use Squares」のチェックボックスをオンにします。

四角を使ったパターン

生成したパターンは「Save」ボタンをクリックすると、PNG画像でダウンロードできます。
また、ジェネレーターのコードや同心円を描くJavaScriptも公開されています。

ジェネレーターでは、手元の画像とブレンドもできます。

ただのバナナ画像

「Upload Image」から画像をアップロードして、パターンにブレンドします。

バナナ画像とパターンをブレンド