Google Gravityトリックの説明

私はJS開発者ではありませんが、リマスターされたGoogleホームページであるGoogle Gravity（使用していない人は、そこで検索してみてください。驚かれることでしょう）と出会いました。それ以来、私はその男がどのようにそれを実装したのかについてもっと学びたいと思っていました。グーグルで試しましたが、実装についての適切な説明が見つかりませんでした。

すべてのJS / CSS達人、もっと詳しく教えてくれる場所を教えてもらえますか？私はすでにjQueryとAJAXでの作業の基本を知っています。

それが行うことは、数式を使用するほかに（数学が得意でなければなりません）、HTML5およびCSS3に基づくWebのネイティブテクノロジーを使用することです。

これらの項目を読むことをお勧めします：

1. CSSトランジション
2. CSSアニメーション
3. スクリプトベースのアニメーションのタイミング制御

JavaScriptのソースコードを見たことはありますか？

私は非常にすばやく見てみました（そしてそれは私のお茶のカップからは遠いです）が、ページが2dボックスに分割され、重力の下でこれらのボックスが自由落下するシミュレーションが実行されたようです。次に、マウスイベントを処理して、これらのボックスをインタラクティブに操作できるようにします。