Giải thích về thủ thuật Google Gravity

Tôi không phải là một nhà phát triển JS, nhưng tôi tình cờ thấy trang web này có tên Google Gravity (những người chưa sử dụng nó, hãy thử tìm kiếm ở đó - bạn sẽ ngạc nhiên), đó là trang chủ Google được làm lại. Từ đó trở đi, tôi đã suy nghĩ và tự hỏi về việc tìm hiểu thêm về cách anh chàng thực hiện nó. Tôi đã thử googling, nhưng không thể tìm thấy một lời giải thích tốt về việc thực hiện.

Tất cả các Gurus JS / CSS, bạn có thể chỉ cho tôi một vị trí nơi tôi có thể tìm hiểu thêm không? Tôi đã biết những điều cơ bản khi làm việc với jQuery và AJAX.

Những gì nó làm, ngoài việc sử dụng các công thức toán học (trong đó, bạn phải giỏi toán), đang sử dụng các công nghệ tự nhiên của web có trong HTML5 và CSS3.

Tôi khuyên bạn nên đọc những mục này:

1. Chuyển tiếp CSS
2. Hoạt hình CSS
3. Kiểm soát thời gian cho hoạt hình dựa trên tập lệnh

Bạn đã xem mã nguồn javascript chưa?

Tôi chỉ nhìn rất nhanh (và cách xa tách trà của tôi) nhưng có vẻ như trang được chia thành các hộp 2d và một mô phỏng của những hộp đó rơi tự do dưới trọng lực được chạy. Sau đó, các sự kiện chuột được xử lý để cho phép các hộp đó được thao tác tương tác.