デモの使い方

4つのスライダーで外円半径・内円半径・オフセット・分解能を調整し、スピログラフ(内トロコイド曲線)の模様を描くデモです。

スピログラフ 数学曲線 スライダー調整

操作手順

  1. 「Outer Radius (R)」「Inner Radius (r)」スライダーを動かして曲線の大枠を変える
  2. 「Offset (O)」スライダーでペンの位置をずらして模様を変化させる
  3. 「Resolution」スライダーで線の描画間隔(細かさ)を調整する

活用シーン

  • 数学教材・曲線の視覚化コンテンツ
  • スライダー連動のリアルタイム描画UIの参考実装
  • 模様生成のインスピレーションツールとしての活用

Spirograph

Change sliders to generate new patterns.