Wyjaśnienie sztuczki Google Gravity

Nie jestem zbytnio programistą JS, ale natknąłem się na tę witrynę o nazwie Google Gravity (ci, którzy jej nie używali, spróbuj wyszukać tam - będziesz zaskoczony), która jest zremasterowaną stroną główną Google. Od tego czasu zastanawiałem się i zastanawiam nad tym, aby dowiedzieć się więcej o tym, jak facet to zaimplementował. Próbowałem google, ale nie mogłem znaleźć dobrego wyjaśnienia implementacji.

Wszyscy guru JS / CSS, czy możecie wskazać mi lokalizację, w której mogę dowiedzieć się więcej? Znam już podstawy pracy z jQuery i AJAX.

google

— yati sagade
źródło

Czy sprawdziłeś kod źródłowy strony? Powinno ci powiedzieć wszystko, co musisz wiedzieć.

— James McLeod,

Minęło trochę czasu, odkąd widziałem mniej użyteczny interfejs niż ten (Grawitacja).

— Rook

@James tak, spojrzał. Ale tak jak powiedziałem, szukałem wyjaśnienia kodu na najwyższym poziomie - ponieważ kod ma 2k + wiersze, a część jest bardzo zaciemniona :)

— yati sagade

@Rook - Nie sądzę, aby użyteczność była zawsze przedmiotem zainteresowania programisty :)

— yati sagade

@yati - Oh! Cóż, w takim razie - dobra robota :)

— Wieża

Odpowiedzi:

Oprócz używania formuł matematycznych (do których musisz być dobry z matematyki), korzysta z natywnych technologii internetowych pod HTML5 i CSS3.

Zalecam przeczytanie następujących pozycji:

— Saeed Neamati
źródło

Czy przeglądałeś kod źródłowy javascript?

Właśnie spojrzałem bardzo szybko (i to daleko od mojej filiżanki herbaty), ale wygląda na to, że strona jest podzielona na pola 2d i uruchomiona jest symulacja tych pól swobodnie opadających pod wpływem grawitacji. Następnie obsługiwane są zdarzenia myszy, aby umożliwić interaktywną manipulację tymi polami.

— Guy Sirton
źródło

Tak, wydaje się, że tak powinno być, ale najpierw mogłem skorzystać z wyjaśnienia na najwyższym poziomie, ponieważ nie jest to również moja mocna strona. Po przeszukaniu nawet wyniki pojawiają się w ruchomych ramkach 2D, a poprzednie resztki wciąż tam są!

— yati sagade