Google Gravity numarasının açıklaması

Ben bir JS geliştiricisi değilim, ama Google Gravity adlı bu siteye rastladım (kullanmayanlar, orada bir arama yapmayı deneyin - şaşıracaksınız), bu da yeniden düzenlenmiş bir Google ana sayfası. O andan itibaren, adamın onu nasıl uyguladığı hakkında daha fazla şey öğrenmeyi düşünüyorum ve merak ediyorum. Google'ı denedim, ancak uygulamanın iyi bir açıklamasını bulamadım.

Tüm JS / CSS Gurus, beni daha fazla öğrenebileceğim bir yere yönlendirebilir misin? Zaten jQuery ve AJAX ile çalışmanın temellerini biliyorum.

google

— yati sagade
kaynak

Sayfanın kaynak koduna baktınız mı? Size bilmeniz gereken her şeyi anlatmalıdır.

— James McLeod

Bundan daha az kullanışlı bir arayüz gördüğümden beri biraz zaman oldu (Gravity).

— Kale

@ James evet, bir göz attı. Ama dediğim gibi, kodun üst düzey bir açıklamasını arıyordum - kod 2k + satır olduğu ve bazı bölümleri çok

— şaşırttı

@Rook - Kullanılabilirliğin her zaman geliştiricinin endişesi olduğunu düşünmüyorum :)

— yati sagade

@yati - Oh! Peki, bu durumda - iyi iş :)

— Rook

Yanıtlar:

Yaptığı şey, matematiksel formülleri kullanmanın yanı sıra (matematikte iyi olmanız gerekir), HTML5 ve CSS3'e giren web'in yerel teknolojilerini kullanmaktır.

Bu öğeleri okumanızı tavsiye ederim:

— Saeed Neamati
kaynak

Javascript kaynak koduna baktınız mı?

Çok hızlı bir şekilde baktım (ve benim fincan çayımdan uzak) ama sayfa 2d kutulara bölündü ve yerçekimi altında serbest düşen bu kutuların simülasyonu yapıldı. Daha sonra fare olayları, bu kutuların etkileşimli olarak değiştirilebilmesi için işlenir.

— Guy Sirton
kaynak

Evet, bu gitmek için bir yol gibi görünüyor, ama önce üst düzey bir açıklama kullanabilirdim, çünkü bu da benim forte'm değil. Bir arama yaptıktan sonra, sonuçlar hareketli 2D kutularda bile görünür ve önceki enkaz hala oradadır!

— yati sagade