Google Gravity技巧的解释


9

我不是一个JS开发人员,但是我偶然发现了这个名为Google Gravity的网站(那些没有使用过它的人,在那里尝试进行搜索-您会惊讶的),它是Google的重新制作主页。从那时起,我一直在思考并想知道更多有关该家伙如何实现它的知识。我尝试使用Google谷歌搜索,但是找不到关于实现的很好的解释。

所有的JS / CSS专家,您能指出我可以学习更多的地方吗?我已经知道使用jQuery和AJAX的基础知识。


2
您是否看过该页面的源代码?它应该告诉您几乎所有您需要知道的内容。
James McLeod

1
自从我看到一个比那个(Gravity)不那么有用的界面以来已有一段时间了。
Rook

1
@James是的,看看。但是正如我说的那样,我正在寻找代码的高级解释-因为代码是2k +行,并且某些部分非常模糊:)
yati sagade 2011年

5
@Rook-我认为可用性从来不是开发人员关心的问题:)
yati sagade 2011年

@yati-哦!好吧,在那种情况下-做得很好:)
Rook

Answers:



5

您看过javascript源代码吗?

我只是快速浏览了一下(它离我的茶很远),但是页面似乎被分成了2d的盒子,并且模拟了那些盒子在重力作用下自由落下的情况。然后处理鼠标事件,以允许对这些框进行交互操作。


是的,这似乎是可行的方法,但是我可以先使用顶级解释,因为这也不是我的专长。搜索后,甚至结果也出现在可移动的2D框中,并且以前的碎片仍然存在!
yati sagade 2011年
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.