Spiegazione del trucco Gravity di Google

9

Non sono uno sviluppatore JS, ma mi sono imbattuto in questo sito chiamato Google Gravity (quelli che hanno l'ho usato, prova a fare una ricerca lì - sarai stupito), che è una home page di Google rimasterizzata. Da quel momento in poi, ho pensato e mi sono chiesto di saperne di più su come il ragazzo l'ha implementato. Ho provato su Google, ma non sono riuscito a trovare una buona spiegazione dell'implementazione.

Tutti i guru di JS / CSS, puoi indicarmi un luogo in cui posso imparare di più? Conosco già le basi per lavorare con jQuery e AJAX.

    
posta yati sagade 17.09.2011 - 20:49
fonte

2 risposte

12

Ciò che fa, oltre all'utilizzo di formule matematiche (per le quali devi essere bravo in matematica), utilizza le tecnologie native del web che rientrano in HTML5 e CSS3.

Ti consiglio di leggere questi elementi:

  1. Transizioni CSS
  2. Animazione CSS
  3. Controllo del tempo per animazioni basate su script
risposta data 17.09.2011 - 21:31
fonte
5

Hai guardato il codice sorgente JavaScript?

Ho appena dato un'occhiata molto veloce (ed è lontana dalla mia tazza di tè) ma sembra che la pagina sia suddivisa in 2d box e una simulazione di quelle scatole che cadono liberamente sotto gravità viene eseguita. Quindi gli eventi del mouse vengono gestiti per consentire la manipolazione interattiva di quelle caselle.

    
risposta data 17.09.2011 - 21:17
fonte

Leggi altre domande sui tag