fc2ブログ

記事一覧

モンテカルロ法のアニメーション

以前モンテカルロ法を用いて円周率を導出しました今回はCanvasを用いて視覚的にモンテカルロ法はどのようなものか確かめつつ円周率を求めてみたいと思いますこのスクリプトは500×500のCanvas上にランダムな一点にドットを描写するスクリプトですただしif文の条件によってドットの色が異なるように描写しています描写されたドットの色見れば条件に応じて扇型に色が配置されているのが見えますこの扇型の面積とCanvas全体の面積の比...

続きを読む

条件を設定するシミュレーション

今まではJavaScriptのコードに重力加速度や反発係数を設定してシミュレーションを行ってきましたしかしそれではコード内で設定したシミュレーションしか行うことができませんそこで設定を変更して、その上でJavaScriptを動かせば変更に応じたシミュレーションができますHTMLから値を取得HTMLの変更にはHTMLから変更したい値を設定して、それをコードに反映させるのが簡単でしょうユーザー側からHTMLに値を入力するにはフォームを用...

続きを読む

平面上の跳ね返り運動

運動は一方向だけではなく様々な方向に向かうものもありますそのような運動は速度の合成によって表現することができます例えば平面上では平面の縦と横の速度を合成することでその運動を平面上で自由に描写できます速度の合成の描写JavaScriptのCanvasでは二次元描画コンテキスト、つまり平面上の描写をサポートしていますここでは縦と横の動きをそれぞれ設定して同時に動かすことでCanvas要素での運動を描写することができます今ま...

続きを読む

跳ね返り運動と反発係数

前回はエネルギーを保存して永久的に跳ね続ける運動のアニメーションを作りましたが、実際の跳ね返り運動はいずれ停止しますそれは空気抵抗や衝突などの影響でエネルギーを失い運動のためのエネルギーがなくなるからです今回は衝突の際のエネルギーの変化を運動に反映させるアニメーションを作成したいと思います反発係数と運動の変化運動している物体がある物体に衝突した際に反発力が発生して運動に変化が起こりますこの反発の前...

続きを読む

エネルギー保存とアニメーション

運動エネルギーとエネルギー保存の法則運動をしている物体はその運動に用いられているエネルギーを持っています。そのエネルギーは運動エネルギーといいます。運動エネルギーは通常は摩擦や衝突などで減っていきますが、もし運動エネルギーが減らない状態で物体が運動していればその運動は永続的に続きます。その法則をエネルギー保存の法則といいます。今回はエネルギー保存の法則に基づく永続的なアニメーションを作ってみたいと...

続きを読む

プロフィール

memomemoprobe1

Author:memomemoprobe1
FC2ブログへようこそ!

カウンター