吸い込まれる渦Black Hole
極座標の格子が渦を巻きながら中心の穴へ吸い込まれ続け、中心に近いほど強くねじれるループアニメーションです。
どう計算しているか
- 同心円の半径を「リングの縮み率」の累乗で決めます（R0·q^k）。内側ほど間隔が一定の割合で狭くなるので、どこを切り取っても似た見た目になります。
- 放射方向は「放射の分割数」で等分し、リングとの組み合わせで市松、格子線、リングのいずれかを描きます。
- 各点の角度に「渦の強さ」× log(R0 / 半径) を足すので、中心に近いほど大きくねじれ、放射線は対数螺旋（中心に向かって同じ割合で巻き込む螺旋）になります。
- 累乗の指数に時刻を加えて全てのリングを少しずつ縮めるので、模様が中心へ吸い込まれて見えます。中心は「穴の大きさ」の円で背景色にふさぎます。
r_k = R0·q^(k + shift·t), θ' = θ + swirl·0.5·log(R0/r) + spinループがつながる理由
1ループで指数をちょうど整数段（市松なら2段、その他は色数ぶん）進めるので、各リングは別のリングの元の位置に収まり、市松の白黒や色の順番もそろいます。回転は扇形の色の並びが元と重なる角度の整数倍だけ回します。
調整できるパラメータ
形
| 描き方 | 市松・格子線・リング |
|---|---|
| 放射の分割数 | 4 〜 64（初期値 24） |
| リングの縮み率 | 0.6 〜 0.95（初期値 0.84） |
| 穴の大きさ | 0 〜 120（初期値 30） |
| 線幅 | 0.5 〜 8（初期値 2） |
動き
| 渦の強さ | -3 〜 3（初期値 1.2） |
|---|---|
| 回転 | -3 〜 3（初期値 1） |
同じ分類のシーン（放射・回転）
- 放射・回転対称Polar Rings同心円上に並んだ図形がリングごとに少しずつ遅れて回り、渦や花のような模様が浮かんでは消えるループアニメーションです。
- 形状モーフShape Morph丸・三角・四角などの輪郭を同じ数の点で表し、点どうしを補間して形を滑らかに変形させ続けるループアニメーションです。
- 入れ子の回転Twist Stack大きさの違う多角形を中心にそろえて重ね、内側ほど遅れて回すことで、ねじれた渦が現れてはほどけるループアニメーションです。
- 万華鏡Kaleidoscope扇形の中で図形を動かし、それを回転と鏡写しで円周に並べることで、万華鏡のような対称模様を作るループアニメーションです。
- 葉序・螺旋Phyllotaxis黄金角ずつ角度をずらして点を並べ、ひまわりの種のような螺旋模様が中心から湧き出して外へ流れ続けるループアニメーションです。
- 無限ズームInfinite Zoom多角形の辺上の点を結んで一回り小さい多角形を作る操作を繰り返し、その入れ子の渦へ無限に吸い込まれていくループアニメーションです。
- 遠近トンネルPerspective Tunnel遠くから迫ってくるリングの列を遠近法で描き、うねる軸とねじれでくねった筒の中を進んでいるように見せるループアニメーションです。
- 花の開閉Bloom何重にも重なった花弁が外側の層から時間差で開いては閉じ、並べると花畑のように波打つループアニメーションです。
- 時計の針の群れClock Swarm格子状に並んだ時計の2本の針が一斉に回り、模様 A と模様 B の間を行き来するループアニメーションです。
- スピログラフSpirograph大きな歯車の内側や外側を小さな歯車が転がり、穴に差したペンが花模様を描いていくループアニメーションです。
- SDF・等高線GLContour Tunnel図形の距離関数を等高線の縞として描き、縞が中心から湧き出し続けながら2つの図形の間でモーフするループアニメーションです。