液滴シミュレーション (HTML5版)

※このページではHTML5 (及びthree.js) を使用しています

• マウスでドラッグすると視点が動きます。
  （マウスの左ボタン：回転、右ボタン：平行移動、 中ボタン（ホイール）：透視投影時の拡大縮小）
• 左下のメニューで透視変換 (perspect, 遠近感) の有無の変更が出来ます。
• 下のパネルの β (>= 0), 接触角 (0 〜 175°) を入力して draw ボタンを押すと描画します。
  基礎式は極座標系を用いていますので、以前より精度は向上しています。
  ただし、β ・接触角が大きいと計算が発散することがあります。 そのときは、接触角が発散する直前の値になりますので、 入力通りの接触角にはなりません。
• 左上に無次元化した高さ (height) と体積 (volume) が表示されます。
  尚、無次元化は底面の半径を基準にしています。
• 無次元化した液滴のラプラス方程式
  
  (直交座標系, r : 半径, f : 高さ)
  (極座標系, θ : 角度, r : 半径)
  をアダムス=バシュフォース=ムールトン法で解いています (現在は極座標系の式を用いています)。
  ここで
  

  ρ : 液体密度
  g : 重力加速度
  b : 液滴頂点の曲率半径
  γ : 表面張力

  です。

参考文献
物理学One Point-9 表面張力 小野周著 共立出版
three.js による HTML5 3D グラフィックス[改訂版]上・下 遠藤理平著 カットシステム
three.js