百度黑洞

我们在Baidu里搜索关键字黑洞后，有一个异步的请求加载blackhole.js. 所有的动画都有这个blackhole.js实现。

clipboard1

具体的动画实现也是用API requestAnimationFrame来做的，现在网上看到的各种HTML5的酷炫效果很多都是通过这个API实现的。

clipboard2

Baidu 预先准备了一张黑洞的背景图片，通过requestAnimationFrame 定期修改这张背景图片的宽，高和Z序坐标，实现我们肉眼上看见的黑洞效果。

clipboard3

至于其他图标被黑洞吸入的效果原理也类似，大家有兴趣可以自己debug。

看附件这个video就懂了。

百度支持的关键字还有很多，大家可以试试搜索“旋转”。