百度知道变形金刚js源码
备受关注的《变形金刚3》在中国首映了，大部分使用百度知道产品的人都会发现在百度知道检索“变形金刚”或“变形金刚3”，搜索结果会呈现一个动态代码版变形金刚。据了解，该创意由百度一位“刚粉”工程师用整整1天时间独立完成。
百度终于牛逼了一把！在Logo 的创新性、趣味性上从来都比不过股沟网Google.com的百度今天终于洋气了一把。
实现原理：
用 js 建立若干个小的 box，然后将搜索结果分别移位放置到 box 里面，然后预先定义一个时间，让预先定义好的 box 做一个移位，看起来像机器人变形。
或者，换一个角度讲：百度搜索结果的变形金刚可以看做：通过 js 建立一些 box，让 box 做变型，然后将搜索结果当做颜色一样填充在机器人表面！制作一个机器人变形不好玩！而百度这个微原创，是将搜索结果和机器人变形结合起来，看起来就有点意思了。
其实这样好玩的javascript 效果代码非常多！而让人感觉到耳目一新、有意思的创新是需要将那些“死代码”包装、整合起来的。
实现原理讲解出来是挺简单的，如果要程序员做这样一个动画，其实是很麻烦的。因为机器人变形是要预算算出来的，放在数组里面预定义好。像这样一个机器人变形，要用到接近600个数据。就像以前股沟网Google.com的logo特效，很多都是要预先存储很多数据，才能展现动画效果。
这也正是 js 动画迟迟没有发展的一个重要原因：js几乎没有处理图像功能，完全依靠css，浏览器自身的一些效果来模拟动画。而 flash 的as 因为有flash客户端 ，可以直接处理图像，处理矢量图像，制作动画是相当轻松。
