Wyjaśnienie sztuczki Google Gravity

9

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.

yati sagade
źródło
2
Czy sprawdziłeś kod źródłowy strony? Powinno ci powiedzieć wszystko, co musisz wiedzieć.
James McLeod,
1
Minęło trochę czasu, odkąd widziałem mniej użyteczny interfejs niż ten (Grawitacja).
Rook
1
@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
5
@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:

5

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