タグ

JavaScriptとアニメーションに関するwadackelのブックマーク (2)

  • ヒマワリと黄金比の関係をインタラクティブなアニメーションにする【Javascript】【Canvas】 - roombaの日記

    はじめに 先日、『数学で生命の謎を解く』というを読みました。このの第4章「花の中にみつかるフィボナッチ」には、植物の葉・ヒマワリの種子・パイナップルの模様がフィボナッチ数列*1と深く関わっていることが説明されています。 「花の中のフィボナッチ」は数学と生命科学の関係を述べた文章に必ずと言っていいほど登場する鉄板ネタなのですが、書には以下のような興味深いモデル(フォーゲルのモデル)が紹介されていました。 1979年にミュンヘン工業大学のヘルムート・フォーゲルが、ヒマワリの種子が取る幾何の単純な数学的表現を考え、それを使って、そのような配置に黄金角が特別適している理由を説明した。*2 フォーゲルのモデルでは、n番目の原基は137.5度のn倍の角度に置かれ、中心からの距離はnの平方根に比例する。これらの二つの数によって原基の位置が決定し、ホフマイスターの生長らせんは、中心から外側へ行くにつ

    ヒマワリと黄金比の関係をインタラクティブなアニメーションにする【Javascript】【Canvas】 - roombaの日記
  • メディアアート系で重要な数式・概念 & p5.jsで遊ぶ - Qiita

    高校数学がボロボロでも大丈夫です。( もともと個人的にインプットし貯めていたものですが、書きなおして公開します。 地味ですが、派手な動きはこの地味な数式・概念がベースになってきます。 また、メディアアートとは言ったものの、ゲーム制作などにも役立つでしょう。 「ラジアンとは?」「サイン波を描く」「円軌道を描く」「弾幕(2点間の距離系&角度系)」「多角形を描く」「フラクタル」といったテーマです。 また、そのプレイグラウンドとしてp5.js(Processingのjs版)をご紹介します。2014年にリリースされたものでまだマイナーですがCodePenのような海外サイトでは人気が出つつあります。またProcessing公式プロジェクトなので安心感もありますね。ちなみに、Processing.jsとは別プロジェクトです。 ラジアンとは? ・ラジアンは単位 角度についてのもう一つの単位です。 角度とラ

    メディアアート系で重要な数式・概念 & p5.jsで遊ぶ - Qiita
  • 1