多体問題シミュレーション by HTML5

nbody.png

# 「Lightningtalks Timer by HTML5」の続き。

HTML5 で多体問題 (N‐body problem)のシミュレーションを作成した。

4次のルンゲ＝クッタ法を使用。

詳しくはソースを参照のこと。

  • 物体は球体として表現し、見掛け上の半径は各質量の3分の1乗の比になるようにした。
    但し、衝突は考慮していない。

使い方等:

  • クリックでスケールの変更。
  • クエリー文字列:
    • number で、物体の数の設定 (nbody.html?number=8 で 8 個。1-10個、デフォルト 5 個)
    • size で、物体を表示する大きさの変更 (nbody.html?size=100 で 100%。1-800%、デフォルト 50%)
  • HTML が 1 ファイルだけで他ファイルへの依存なし (オフラインでも OK)
  • Internet Explorer、Firefox、Safari、Google Chrome、Opera の現時点での最新版で動作
  • iPhone、Android フォン等スマートフォンで動作

ソフトウェア開発Canvas, HTML5, JavaScript

Posted by Fujiwo