Home
888 words
4 minutes
Web-Based Molecular Dynamics: ReactとWeb Workersを用いたLennard-Jones流体のリアルタイムシミュレーション

最終更新日:2026-01-13

生成AIによる自動生成記事に関する免責事項: 本記事は、ユーザーとの対話において生成されたJavaScript/Reactによる分子動力学シミュレーションコードの解説記事です。記述されている物理モデル(Nose-Hoover法など)の実装は、教育および可視化を目的とした簡易的なものであり、厳密な学術研究用コードとは数値安定性や精度において異なる場合があります。

1. 概要#

本記事では、Webブラウザ上で動作する分子動力学(MD)シミュレーションのデモンストレーションを公開します。 計算負荷の高い物理演算(力の計算や時間積分)を Web Worker にオフロードすることで、UIのレスポンスを損なうことなく、数百粒子の挙動をリアルタイムに可視化しています。

以下のシミュレーターでは、Lennard-Jonesポテンシャルで相互作用する粒子系に対し、Nose-Hoover法を用いた温度・圧力制御を行うことができます。

2. デモンストレーション#

以下の画面でパラメータを操作し、相転移(固体・液体・気体)や圧力制御による体積変化を観察できます。

Phase Presets (Try these!)
Temperature (T*)0.800
Simulation Settings
Time Step (dt)0.005
Particles (N=216)216.000
Thermostat State
Friction (ξ): 0.000
Velocity Dist (Maxwell-Boltzmann)
No Data
Step:
Box L: -
Drag to Rotate | Scroll to Zoom

操作方法#

  • Ensemble: NVT(体積一定)または NPT(圧力一定)を選択できます。
  • *Temperature (T)**: 設定温度を変更します。値を下げると凝固(結晶化)し、上げると融解・蒸発します。
  • *Pressure (P)**: NPT選択時に有効。圧力を上げると系が圧縮されます。
  • LJ Parameters: σ\sigma(粒子径)や ϵ\epsilon(相互作用強度)を変更できます。

3. 数理的背景#

本シミュレーションで使用している物理モデルの解説です。

3.1 相互作用モデル (Lennard-Jones Potential)#

希ガスなどの単純液体を記述する標準的なモデルとして、以下のLennard-Jones (12-6) ポテンシャルを採用しています。

VLJ(rij)=4ϵ[(σrij)12(σrij)6]V_{LJ}(r_{ij}) = 4\epsilon \left[ \left( \frac{\sigma}{r_{ij}} \right)^{12} - \left( \frac{\sigma}{r_{ij}} \right)^6 \right]

長距離相互作用はカットオフ距離 rc=2.5σr_c = 2.5\sigma で打ち切り、周期境界条件(Periodic Boundary Conditions)を適用しています。

3.2 制御アルゴリズム (Nose-Hoover Method)#

温度および圧力を制御するために、決定論的な拡張系法であるNose-Hoover法を実装しています。

  • NVTアンサンブル: 熱浴変数 ξ\xi を導入し、運動方程式に摩擦項を加えることで温度を一定に保ちます。
  • NPTアンサンブル: ピストン変数 η\eta を導入し、シミュレーションボックスの体積 VV を運動方程式と連動させて時間発展させることで、設定圧力と平衡化させます。

4. 実装のポイント#

Web Workersによる並列化#

JavaScriptのメインスレッドは描画(UI)を担当し、物理計算は別のスレッド(Web Worker)で実行しています。これにより、粒子数が多くなってもブラウザがフリーズすることなく、滑らかな操作感を実現しています。

リアルタイム物性解析#

シミュレーション中、以下の物性値をバックグラウンドで計算・集計しています。

  • 動径分布関数 (RDF): 粒子の構造(結晶・液体・気体)を特徴づけるヒストグラム。
  • 平均二乗変位 (MSD): 粒子の拡散係数を見積もるための指標。

5. 結論#

Web技術の進化により、これまでネイティブアプリケーションが必要だった科学計算の一部がブラウザ上で実行可能になりました。この技術は、教育用途やインタラクティブなデータ可視化において強力なツールとなります。

Web-Based Molecular Dynamics: ReactとWeb Workersを用いたLennard-Jones流体のリアルタイムシミュレーション
https://ss0832.github.io/posts/20260113_md_siml_lj/
Author
ss0832
Published at
2026-01-13
License
CC BY-NC-SA 4.0

Related Posts

Reactで学ぶ反応経路探索: Müller-Brownポテンシャル上のString法
2026-01-13
Müller-Brownポテンシャルを用いた反応経路探索のインタラクティブデモ。外部バイアスによる初期パス生成と、Zero-Temperature String法によるMEP(最小エネルギー経路)への緩和過程をブラウザ上で再現する。
Binary-Image Transition State Search (BITSS): 複雑なエネルギー地形における遷移状態探索のためのロバストな手法と数理的解析
2026-01-11
Avis, Panter, & Kusumaatmaja (2022) によって提案された Binary-Image Transition State Search (BITSS) 法について、その数理的枠組みと実装の詳細、および従来の遷移状態探索法(NEB法、DHS法等)と比較した際のアルゴリズム的特性を解説する。特に、適応的再メッシュや不連続なポテンシャル地形への適用可能性に焦点を当て、その学術的意義と限界を論じる。
氷から水、そして蒸気へ:Lennard-Jones流体で見る相転移シミュレーション
2026-01-09
物質の三態(固体・液体・気体)はどのようにして決まるのか? 分子間相互作用(Lennard-Jonesポテンシャル)を導入した分子動力学シミュレーションを行い、温度変化によって粒子が結晶化したり、蒸発したりする様子をブラウザ上で観察する。
NVE vs NVT: 分子動力学シミュレーションで見る統計アンサンブルの世界
2026-01-09
単一の軌跡(Trajectory)を追うだけでは見えない化学反応の本質がある。多数の粒子を用いた分子動力学(MD)シミュレーションにより、エネルギー保存則に従うミクロカノニカル(NVE)と、温度一定のカノニカル(NVT)アンサンブルの違い、そして反応速度論における再交差現象を可視化する。
「水と油」はなぜ混ざらない? MDで見る理想溶液と相分離
2026-01-09
「似たもの同士はよく溶ける」という経験則は、熱力学的にどう説明されるのか? 理想溶液と相分離の違いを、エンタルピーとエントロピーの競合として可視化する。※本シミュレーションでは単純化された粒子モデルを使用しています。
Pummerer型転位反応におけるPost-Transition State Bifurcationと溶媒依存的な動的選択性:詳細解説
2026-01-03
Stephanie R. Hare, Da Ang Li, Dean J. Tantilloらによる2018年の論文『Post-transition state bifurcations induce dynamical detours in Pummerer-like reactions』(Chem. Sci., 2018, 9, 8937) を基に、有機反応における動的選択性、Ambimodal遷移状態、および溶媒効果による選択性制御の可能性について、数理的・物理化学的視点から詳細に解説する。