ホーム
数学的（？）なネタ
黄金螺旋
黄金螺旋
はじめに
ジョジョの奇妙な冒険第7部『スティール・ボール・ラン』の黄金螺旋から生まれる無限の回転というネタから、SVGの練習として黄金螺旋を作図してみた。
一覧
黄金螺旋の近似曲線
SVGでの作図
（確認：Firefox 3.6.8）。
フィボナッチ数列を元にした黄金螺旋の近似曲線。 手でせこせこSVGを書いた。1000x1000と無駄にでかい。 SVGを手書きしてて、pathのd属性で使える相対指定って便利やねえと思った。 ただd属性で円弧を描くためのarcの仕様を考えたやつは出てこいって思ったけどな！
(2010/07/30)
黄金螺旋の近似曲線
SVGでの作図
（確認：Firefox 3.6.8）。
フィボナッチ数列を元にした黄金螺旋の近似曲線。プログラムで計算して描いた。
(2010/08/03)
黄金螺旋
SVGでの作図
（確認：Firefox 3.6.8）。
黄金比(Golden ratio)、黄金長方形(Golden rectangle)から描いた黄金螺旋。 数値はどうやっても近似値なので、これも厳密にいえば近似曲線だろうけど、細かいことは気にしない。 プログラムで計算して描いた。上の黄金螺旋の近似曲線とほぼ同じプログラム。 ただ、こちらはフィボナッチ数列と違い、整数だけで数値を扱えない。 浮動小数点の座標をそのままSVGに埋め込んでいるから（Illustratorがはき出すSVGなんかも浮動小数点はき出してるし、まあいっかーって感じで）、 そのへんの丸めはSVGのレンダラーまかせ。 長方形の線がきちんと重ならず微妙にずれて感じるところもあるかもしれないけれど、そこはご愛敬ってことで。
(2010/08/03)
