デモの使い方

ランダムな点の移動を繰り返し描画することで、シェルピンスキーの三角形フラクタルを浮かび上がらせるデモです。

フラクタル ジェネラティブアート Canvas描画

操作手順

  1. ページを開くと三角形の3頂点が表示され、点の描画が自動的に始まる
  2. ランダムに選ばれた頂点との間の中点が打たれ続け、フラクタル図形が浮かび上がる
  3. ウィンドウサイズを変更すると図形がクリアされ、再描画される

活用シーン

  • 数学(フラクタル・カオス理論)の教材
  • CanvasとrequestAnimationFrameによる描画の学習
  • ジェネラティブアート実装の参考