デモの使い方

「Break the Form!」ボタンで重力を作動させ、お問い合わせフォームの入力欄が物理演算で落下・転がるジョーク演出のデモです。

物理演算 Matter.js フォーム演出

操作手順

  1. 「Your Name」「Your Email」「Message」の各入力欄が並んだフォームを確認する
  2. 「Break the Form!」ボタンをクリックして重力を作動させる
  3. 入力欄がランダムな力で弾かれ、床に落下して転がる様子を観察する

活用シーン

  • DOM要素と物理エンジン(Matter.js)連携の学習
  • エイプリルフール等のジョーク演出コンテンツ
  • 物理演算UIのエンタメ的応用の参考実装

Contact Us (Physics)