破れる布シミュレーター

破れる布シミュレーターは、Verlet物理で編んだ格子状の布をマウスで引っ張り、強く引くと裂け、右クリックのドラッグで切り、好きな画像を布のように貼り付けて、伸びたり折れたりする様子をリアルタイムで観察できるインタラクティブな遊び場です。画像を読み込むとWebGLシェーダーが折れた面の陰影とハイライトを計算し、本物の布のように光を受けます。火炎放射モードで火をつければ、炎は上へ広がりながら糸を焦がし、穴が開くまで燃え進みます。 破れる布シミュレーター は、Verlet物理の布を引っ張り、裂き、画像を貼り付け、火をつけられるインタラクティブなシミュレーターです をすばやく進めつつ、その結果をどう解釈すべきかまで同じページで判断できるように構成した moduhub の実務ツールです。

ユーティリティ系ツールは実作業の途中で開かれることが多いため、結果をそのまま使える場面と再確認すべき場面を分けて案内します。 特に役立つ場面としては、次のような文脈です。ひと休みしたいときに、マウスで布を引っ張って裂き、物理の反応を楽しむために開いておくのに向いています。 自分の写真を布として貼り付け、伸び・折れ・炎上する様子を作ってキャプチャしたり共有したいときに使えます。

実際の利用フローは次の順番で進みます。布をマウスでドラッグして引っ張り、強く引くと糸が切れて裂けます。 右クリックのドラッグで線に沿って布を切り、アップロード・ドラッグ&ドロップ・貼り付け(Ctrl+V)で写真を布として貼り付けます。 火炎放射ボタンをオンにして布をなぞると火がついて広がり、リセットでいつでも作り直せます。 各格子点をVerlet積分で更新し、構造ばねと曲げばねで形を保ち、限界を超えて伸びたばねを切ることで裂けを表現します。 画像モードでは三角形単位でテクスチャを貼り、局所的な変形から擬似法線を推定してWebGLシェーダーで折れの陰影を計算します。 物理と発熱は視覚的な楽しさのための近似で、実際の布地や燃焼を精密に再現するものではありません。 格子が細かい場合やパーティクルが多い場合、低スペック端末ではフレームレートが低下することがあります。