オブジェクトが動く速度と加速度と微分の考え方
物理法則にしたがったオブジェクトのアニメーションをスクリプティングするとき、数学の「微分」の考え方で捉えられると応用の幅が広がります。微分と聞くと難しそうに響きます。けれど、大雑把にいってしまえば、オブジェクトの動きについて変化を見るということです。アニメーションがつぎのフレームでどう変わるかを考える、といってもよいでしょう。 01 等速直線運動 決まった速さで同じ向きに動き続ける「等速直線運動」なら、つぎのフレームに移るたびにオブジェクトの位置(xy座標)に定数を足します。この定数(xy平面で捉えるならベクトル)が速度です。つぎのフレームにおけるオブジェクトの位置は、今の位置に速度を加えて求めます。 位置 += 速度 時間(t)と位置(x)をそれぞれ横軸と縦軸にした等速直線運動のグラフは、下図001のように一次関数(x = vt + x0)で表されます(「直線の式(方程式)」参照)。一次
インタラクティブでアニメーションするグラフが描けるJSライブラリ「Highcharts」:phpspot開発日誌
インタラクティブでアニメーションするグラフが描けるJSライブラリ「Highcharts」が公開されています。 マウスが上に乗るとポップアップしてヒントが出るようなグラフもこのJSライブラリで描画できます。 デモページでは、実に多数のサンプルグラフを見ることが出来ます。 それにしてもJSなのに描画するグラフが滑らかでいいですね。 以下のエントリを参照してください。 Highcharts - Interactive JavaScript charts for your webpage 関連エントリ JavaScriptだけでさまざまなグラフを描画できる高機能ライブラリ『HighCharts』 - IDEA*IDEA
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
