HTML5 canvas + javascript でランダムウォークを描画

最終更新日

Comments: 0

HTML5ではcanvasという機能が追加され、javascript+canvasで簡単にアニメーションを作成できるようになったそうなので試してみました。
下記はjavascript+canvasで、ランダムウォークを描画してみた例。

カラフルにしてみました。

ある程度お手軽なので、シミュレーションを可視化したいときの選択肢としてありなんじゃないでしょうか。

軌跡を残すようにしてますが、残したくない場合はctx.clearRect(0, 0, width, height);とか描画をクリアする記述を、drawファンクションの一番上辺りに記述して描画を一旦消してから新しく描画するようにすればOK。



ソース

シェアする