nitoka blog: 三角関数

« ブログスフィアを読みながらに思うこと2 | メイン | FreeBSDでアカウントの属するグループを変更する »

October 26, 2006

三角関数

プログラマーなのですが、数学は大の苦手です。
苦手すぎて高校のときも1年生で数学というものに、見切りをつけて微分積分を専攻せずに簡単な数学Ⅱにしました。（それでも成績は芳しくなく・・・）

ただ、最近特にFlashのActionScriptなんかを書こうとすると、どうしても数学の知識が必要になります。
一番の例でいうと、三角関数を使用した円運動。このサイトに円運動で使用する三角関数について、僕のようなお子ちゃまでもわかるように解説がしてあります。
サイン・コサインとか、青春時代を苦い思い出がよみがえってくるような数学用語が出てきて、あの当時はさっぱり理解できなかった三角関数についてサンプルソース付きで説明が書かれています。
高校生のときもこんな感じで、説明してくれたら理解できたのだろうかと思う一方、もしかすると今どきの高校の授業では、Flashでデモを見せながら教えることもできるんだな～なんて思ったり。
まあ、そんな素敵な先生がいたらきっとNHKのプロフェッショナルで紹介されるんだろうが・・・

妄想はここまでにして、実際にこのページに書いてあるActionScriptを流用してJavaScriptで円運動サンプルを作ってみました。

sample
円運動を実装したソース：

function move(degree) {
    radian = Math.PI/180*degree;
    e.style.left = x0 + r*Math.cos(radian) + "px";
    e.style.top  = x1 + r*Math.sin(radian) + "px";

	degree += 5;
    setTimeout("move(" + degree + ");", 2);
}

三角関数の原理はなんとなく理解できたので、次はイージングに挑戦したいと思います。