メインコンテンツへスキップ
ゲーム schedule 読了目安: 1分

ソフトボディスタッキング

2D物理エンジンMatter.jsで、粒子をバネ接続したソフトボディの変形と積み上げを観察できるデモです。クリックでの追加とドラッグでの引き寄せに対応し、スコアを持たない純粋な挙動の観察に徹しています。

touch_app 自分の手で触れるAIデモ 新しいタブで開く

ソフトボディスタッキングは、ぷるぷると柔らかいブロックが積み上がる様子を観察できる物理演算デモです。Matter.jsという2D物理エンジンを使い、粒子をバネで結んだソフトボディの変形や崩れをその目で確かめられます。

触って観察する操作

ページを開くとソフトボディが1つ落ちてきて物理演算が始まり、クリックした位置に新しいソフトボディがどんどん追加されます。ドラッグすれば既存のブロックを引き寄せて動かすことも可能です。

  • クリック:その位置にソフトボディを生成
  • ドラッグ:既存のソフトボディを引き寄せ

物理演算の中身

ゲームとしてのスコアや勝敗の仕組みは持たず、自由な観察と触れ合いに徹したデモです。1つのソフトボディは3×3の粒子を柔らかさ0.06のバネで連結した構造で、粒子間の距離が伸び縮みすることで弾む質感が生まれます。

生成されるソフトボディはすべてピンク色の粒子で統一されており、いくつ積んでも素材の見た目に揺らぎません。マウスでの引き寄せは物理エンジンのマウス制約(stiffness 0.2)として実装され、積んだブロックが自重でゆがんで崩れる様子までリアルタイムに計算されます。床に向かって自由落下し、積み上がるほど沈み込みと反発が混ざった挙動になります。

30秒・登録不要で概算算出

このデモの技術を自社プロダクトに組み込む場合の概算見積

体験した機能はそのまま御社の基幹業務システムやWebサービスへ即座に組み込み可能です。フルスクラッチ開発比約90%圧縮の概算費用を今すぐ試算できます。

あわせて体験したいAIデモ

AI活用に関するお悩み、
プロに相談しませんか?

具体的な開発のご依頼から、技術的なアドバイスまで。AIGENT ACE株式会社のコンサルタントが貴社の課題に合わせて最適なソリューションをご提案します。