同心円を重ねたパターンを生成できるオンラインジェネレーター - Concentrics
Post on:2012年8月15日
sponsors
同心円を重ねたさまざまなパターンを生成できるちょっと面白いオンラインジェネレーターを紹介します。

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

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

設定パネル(上から、サイズ、スペース、カラー)
「Sizing」の値を全体的に大きくして、波状のパターンにしてみます。

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

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

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

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