ちいつる

ジェネラティブ演出

ランダムウォークの木/枝

クリック/タップした場所から枝が伸び始める。各枝は角度に小さなランダムウォークを加えながら成長し、伸び切ると確率的に2本へ分岐するか、先端に花を咲かせて止まる再帰的な生成表現。

ENGLISH

Random Walk Growing Tree

  • JS
  • Canvas
172ジェネラティブ演出 の一覧 →

プレビュー

クリック

操作クリック/タップで動きます。

実装メモ

詰まりすぎないよう、育った枝が一定数を超えたら新しい木を植えるタイミングで自動的にリセットしています。分岐確率(branchProb)や深さ上限(MAX_DEPTH)を変えると茂り方の密度が変わります。

コード(コピーして使えます)

<div class="rw-wrap">
  <canvas class="rw-canvas" aria-hidden="true"></canvas>
  <p class="rw-hint">タップして枝を伸ばす</p>
</div>

タグ

関連パーツ