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

如果您通过Safari在线访问您的移动我帐户,您可以选择一个图标并直接登录所选服务,功能强大btw。 但是,如果您使用其他浏览器(如firefox或Chrome)访问同一页面,您将看到一个华丽的登录页面,中间有一个巨大的,没有巨大的云(MobileMe徽标)和有趣的lighball。 这是链接: https://auth.me.com/authenticate?service=mail&ssoNamespace=appleid&formID=loginForm&returnURL=aHR0cHM6Ly9tZS5jb20vbWFpbC8= 最棒的是你可以将鼠标放在那些小球上,然后按照你的鼠标移动。 它只是美丽的,我从来没有在Javascript中看到过这样的东西。我无法通过查看他们的代码来理解他们是如何做到的。当然他们的javascript是压缩的,所以我看不到它,但在标记中,那些闪亮的灯光只是一堆画布标签。 有没有人知道如何做出类似的东西?它可能超出了我的javascript技能,但将这样的效果添加到我的一个项目中会很棒。 提前感谢您的所有建议;)     
已邀请:
看看这个[quote]:   那么,这款眼睛糖果怎么样呢?通过6000多行   (未经证实)JS。 MobileMe通常使用SproutCore   应用程序,但在查看源代码后,我没有找到   单一参考。似乎确实有一些相似之处   但是,在登录页面中使用的库,但我认为是   很定制。每个视觉似乎都有一个类   屏幕上的组件,至少有一个,如果不是两个单独的动画   库(一个2d和一个3d),一个粒子渲染库,和   用于处理画布绘制和DOM操作的库。 所以看起来它是定制的。你可以在这里阅读更多内容:http://badassjs.com/post/1649735994/the-new-mobileme-login-page-has-some-badass-js 我希望这有帮助。     
这需要很多技巧。我相信它可以通过processing.js实现 http://processingjs.org/     

要回复问题请先登录注册