タグ

designとHTML5に関するtxmx5のブックマーク (1)

  • 某エンブレムをフラクタル化して無限にズームし、面積も求める - roombaの日記

    はじめに 東京オリンピックのエンブレムについて一悶着あったようですね。詳しいことは知りませんが、エンブレムの面積を計算している方がいて人生楽しそうだなと感じました。 togetter.com この姿勢を見習い、記事ではエンブレムをフラクタルっぽくしてみることにします。さらに、フラクタル図形は無限に細かい形状といえるので、HTML5のCanvasを用いて無限にズームし続けるアニメーションを製作します。そして最後に、こうしてできたフラクタル図形の面積を計算して締め括ることとします。 参考:フラクタル図形とは、図形の部分と全体が自己相似になっているようなマトリョーシカ的図形のことです↓ フラクタル - Wikipedia フラクタル化 配色は適当ですが、以下の模様をベースに考えます。 ここで、以下の2つの円に注目します。 「左上と右下の弧を含む大きな円(円全体は明示的に描かれていない)」 「右

    某エンブレムをフラクタル化して無限にズームし、面積も求める - roombaの日記
  • 1