ソフトボディスタッキングは、ぷるぷると柔らかいブロックが積み上がる様子を観察できる物理演算デモです。Matter.jsという2D物理エンジンを使い、粒子をバネで結んだソフトボディの変形や崩れをその目で確かめられます。
触って観察する操作
ページを開くとソフトボディが1つ落ちてきて物理演算が始まり、クリックした位置に新しいソフトボディがどんどん追加されます。ドラッグすれば既存のブロックを引き寄せて動かすことも可能です。
- クリック:その位置にソフトボディを生成
- ドラッグ:既存のソフトボディを引き寄せ
物理演算の中身
ゲームとしてのスコアや勝敗の仕組みは持たず、自由な観察と触れ合いに徹したデモです。1つのソフトボディは3×3の粒子を柔らかさ0.06のバネで連結した構造で、粒子間の距離が伸び縮みすることで弾む質感が生まれます。
生成されるソフトボディはすべてピンク色の粒子で統一されており、いくつ積んでも素材の見た目に揺らぎません。マウスでの引き寄せは物理エンジンのマウス制約(stiffness 0.2)として実装され、積んだブロックが自重でゆがんで崩れる様子までリアルタイムに計算されます。床に向かって自由落下し、積み上がるほど沈み込みと反発が混ざった挙動になります。