デモの使い方

再帰呼び出しで枝を伸ばすフラクタルツリーを、マウス位置で分岐角度と枝の長さを変化させて描けるデモです。

フラクタル 再帰処理 Canvas描画

操作手順

  1. マウスを画面上で動かす(「Mouse X: Branch Angle | Mouse Y: Branch Length」の通り)
  2. マウスX位置で枝の分岐角度、Y位置で枝の縮小率がリアルタイムに変わるのを確認
  3. 角度を変えながら樹形の形がどう変化するかを観察

活用シーン

  • 再帰によるフラクタル図形描画の学習
  • マウス入力と描画パラメータの連携の実装例
  • 数学教材やジェネラティブアートの参考実装
Mouse X: Branch Angle | Mouse Y: Branch Length