คำอธิบายของเคล็ดลับ Google Gravity

ฉันไม่ได้เป็นนักพัฒนา JS มากนัก แต่ฉันสะดุดกับเว็บไซต์นี้ชื่อGoogle Gravity (ผู้ที่ไม่ได้ใช้ลองลองค้นหาที่นั่นคุณจะประหลาดใจ) ซึ่งเป็นหน้าแรกของ Google ที่สร้างใหม่ จากนั้นฉันก็คิดและสงสัยเกี่ยวกับการเรียนรู้เพิ่มเติมเกี่ยวกับวิธีที่ผู้ชายใช้มัน ฉันลองใช้ Google แต่ไม่สามารถหาคำอธิบายที่ดีเกี่ยวกับการใช้งานได้

JS / CSS gurus ทั้งหมดคุณช่วยชี้ตำแหน่งของฉันให้ฉันเรียนรู้เพิ่มเติมได้ไหม? ฉันรู้พื้นฐานการทำงานกับ jQuery และ AJAX แล้ว

google

— Yati Sagade
แหล่งที่มา

คุณเคยดูซอร์สโค้ดสำหรับหน้านี้หรือไม่? มันควรบอกคุณเกี่ยวกับทุกสิ่งที่คุณจำเป็นต้องรู้

— James McLeod

มันเป็นเวลาที่ฉันเห็นอินเทอร์เฟซที่ใช้งานได้น้อยกว่า (Gravity)

— โกง

@ James ใช่ได้ดู แต่อย่างที่ฉันบอกว่าฉันกำลังมองหาคำอธิบายระดับสูงสุดของรหัส - เนื่องจากรหัสคือ 2k + บรรทัดและบางส่วนก็สับสนมาก :)

— yati sagade

@Rook - ฉันไม่คิดว่าการใช้งานเป็นนักพัฒนาที่เคยกังวล :)

— Yati sagade

@yati - โอ้! ในกรณีนี้ - งานทำได้ดีมาก :)

— โกง

คำตอบ:

มันทำอะไรนอกจากใช้สูตรทางคณิตศาสตร์ (ซึ่งคุณต้องเก่งคณิตศาสตร์) คือการใช้เทคโนโลยีดั้งเดิมของเว็บที่มาภายใต้ HTML5 และ CSS3

ฉันขอแนะนำให้คุณอ่านรายการเหล่านี้:

— Saeed Neamati
แหล่งที่มา

คุณดูซอร์สโค้ดจาวาสคริปต์แล้วหรือยัง

ฉันเพิ่งดูอย่างรวดเร็ว (และมันไกลจากถ้วยชาของฉัน) แต่ดูเหมือนว่าหน้าจะถูกแบ่งออกเป็นกล่อง 2 มิติและการจำลองของกล่องเหล่านั้นฟรีภายใต้แรงโน้มถ่วงวิ่ง จากนั้นเหตุการณ์เมาส์จะถูกจัดการเพื่ออนุญาตให้กล่องเหล่านั้นถูกจัดการแบบโต้ตอบ

— Guy Sirton
แหล่งที่มา

ใช่นั่นดูเหมือนจะเป็นไปได้ แต่ฉันสามารถใช้คำอธิบายระดับสูงสุดก่อนได้เพราะนี่ไม่ใช่มือขวาของฉันเช่นกัน หลังจากทำการค้นหาแม้ผลลัพธ์จะปรากฏในกล่อง 2D ที่เคลื่อนย้ายได้และเศษซากก่อนหน้ายังคงอยู่ที่นั่น!

— yati sagade