百度知道变形金刚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客户端，可以直接处理图像，处理矢量图像，制作动画是相当轻松。

优质内容筛选与推荐>>
1、notepad++正则表达式替换字符串详解
2、AJAX 请求区分 $_SERVER['HTTP_X_REQUESTED_WITH'] 小解
3、数据仓库项目管理面试题整理（二）
4、业务系统如何微服务化
5、sql语句中的replace实战