デモの使い方

矩形を再帰的に分割し、赤・青・黄・白・黒のパレットでモンドリアン風の絵を自動生成するデモです。

ジェネラティブアート 再帰分割 Canvas描画

操作手順

  1. ページを開くとモンドリアン風の絵が自動生成されるのを確認
  2. 「Click to Regenerate」の通り、キャンバスをクリックして新しい構図を再生成
  3. 面積や縦横比に応じて分割方向の確率が変わるランダム性を観察

活用シーン

  • 再帰的矩形分割によるジェネラティブアートの学習
  • バナーやキービジュアルのランダム生成の参考実装
  • ランダム性と制約(分割確率)のバランス設計の実装例
Click to Regenerate