在MobileMe登录页面上复制巨型云周围的javascript发光？

Question

如果您使用Safari在线访问您的移动我帐户，您可以选择一个图标并直接登录到所选的服务，伟大的功能顺便说一句。

但如果你使用火狐或Chrome等其他浏览器访问同一页面，你会看到一个华丽的登录页面，中间有一个很大的、没有巨大的云( MobileMe徽标)，有趣的光球从它上面冒出来。

这里有个链接：https://auth.me.com/authenticate?service=mail&ssoNamespace=appleid&formID=loginForm&returnURL=aHR0cHM6Ly9tZS5jb20vbWFpbC8=

最棒的是，你可以将鼠标移到这些小光球上，它们会跟随你的鼠标移动。

它太美了，我从来没有在Javascript中见过这样的东西。通过看他们的代码，我无法理解他们是如何做到的。当然，他们的javascript是压缩的，所以我不能看它，但在标记中，那些闪闪发光的光只是一堆画布标签。

有没有人知道怎么做这样的东西？这可能超出了我的javascript技能，但如果能在我的一个项目中添加这样的效果就太好了。

提前感谢您的所有建议;)

Answer 1

请看下面这句话

那么，这个漂亮的东西是如何实现的呢？通过超过6000行(未压缩的) JS。MobileMe通常在其应用程序中使用SproutCore，但是在浏览了源代码之后，我没有找到对它的任何引用。然而，在登录页面中确实出现了一些与所使用的库相似的地方，但我认为这是非常定制的。屏幕上的每个可视组件似乎都有一个类，如果不是两个单独的动画库(一个2d和一个3d)，至少有一个类，一个粒子渲染库，以及用于处理画布绘制和DOM操作的库。

所以它看起来像是定制的。你可以在这里阅读更多内容：http://badassjs.com/post/1649735994/the-new-mobileme-login-page-has-some-badass-js

我希望这能帮到你。

Answer 2

这需要很多技巧。我相信这可以通过processing.js http://processingjs.org/来实现