Google ग्रेविटी चाल की व्याख्या


9

मैं एक JS डेवलपर के रूप में ज्यादा नहीं हूं, लेकिन मैं इस साइट पर Google ग्रेविटी (जिन्होंने इसका उपयोग नहीं किया है, वहां खोज करने की कोशिश कर रहा हूं - आप चकित हो जाएंगे) पर ठोकर खाई , जो कि एक प्रतिष्ठित Google होमपेज है। तब से, मैं सोच रहा था और यह जानने के बारे में सोच रहा था कि आदमी ने इसे कैसे लागू किया। मैंने गुग्लिंग की कोशिश की, लेकिन कार्यान्वयन का एक अच्छा स्पष्टीकरण नहीं मिल सका।

सभी JS / CSS गुरु, क्या आप मुझे किसी ऐसे स्थान पर इंगित कर सकते हैं, जहाँ मैं और अधिक सीख सकता हूँ? मैं पहले से ही jQuery और AJAX के साथ काम करने की मूल बातें जानता हूं।


2
क्या आपने पृष्ठ के स्रोत कोड को देखा है? यह आपको केवल उन सभी चीजों के बारे में बताना चाहिए जो आपको जानना चाहिए।
जेम्स मैकलियोड

1
यह कुछ समय हो गया है क्योंकि मैंने उस (ग्रेविटी) की तुलना में कम प्रयोग करने योग्य इंटरफ़ेस देखा है।
रुके

1
@ जेम्स हाँ, एक नज़र था। लेकिन जैसा कि मैंने कहा, मैं कोड के शीर्ष स्तर के स्पष्टीकरण की तलाश कर रहा था - जैसा कि कोड 2k + लाइनें है, और कुछ भाग बहुत ही अस्पष्ट है :)
yati sagade

5
@Rook - मुझे नहीं लगता कि प्रयोज्यता कभी भी डेवलपर की चिंता थी :)
yati sagade

@ यति - ओह! खैर, उस मामले में - काम अच्छी तरह से किया :)
रूक

जवाबों:


12

यह गणितीय सूत्रों का उपयोग करने के अलावा (इसके लिए, आपको गणित में अच्छा होना चाहिए) क्या करता है, HTML5 और CSS3 के तहत आने वाली वेब की देशी तकनीकों का उपयोग कर रहा है।

मेरा सुझाव है कि आप इन वस्तुओं को पढ़ें:

  1. सीएसएस संक्रमण
  2. सीएसएस एनीमेशन
  3. स्क्रिप्ट-आधारित एनिमेशन के लिए समय पर नियंत्रण

5

क्या आपने जावास्क्रिप्ट स्रोत कोड को देखा है?

मैंने बस बहुत तेज़ नज़र डाली (और यह मेरी चाय के कप से बहुत दूर है) लेकिन ऐसा लग रहा है कि पेज 2 डी बॉक्स में टूट गया है और गुरुत्वाकर्षण के तहत गिरने वाले उन बॉक्सों का अनुकरण चल रहा है। तब माउस घटनाओं को संभाला जाता है ताकि उन बक्सों को अंतःक्रियात्मक रूप से हेरफेर किया जा सके।


हां, यह जाने का तरीका जैसा लगता है, लेकिन मैं पहले एक शीर्ष स्तर के स्पष्टीकरण का उपयोग कर सकता था, क्योंकि यह मेरे लिए नहीं है, या तो। एक खोज करने के बाद, यहां तक ​​कि परिणाम चल 2 डी बक्से में दिखाई देते हैं, और पिछले मलबे अभी भी है!
यति सगाडे
हमारी साइट का प्रयोग करके, आप स्वीकार करते हैं कि आपने हमारी Cookie Policy और निजता नीति को पढ़ और समझा लिया है।
Licensed under cc by-sa 3.0 with attribution required.