疯猪 发表于 2011-7-22 14:14

网页版“变形金刚”走起来

网页版“变形金刚”走起来 时间:2011-07-22

 “上百度知道搜索‘变形金刚’有惊喜哦!……”伴随着电影《变形金刚3》的首映,微博网友也齐刷刷地盯在了电脑前轰轰烈烈地开始看起了百度版“变形金刚”。这是怎么回事?原来百度赶在《变形金刚3》上映的前一天上线了一款“自制”的“变形金刚”,将百度搜索结果中的文字进行了一次大胆的“移步换形”,一下子迷倒了无数“刚粉”。

  百度版“变形金刚”卖萌

  “劲爆!各位童鞋现在你在百度知道里面输入‘变形金刚’四个字,看看会有什么神奇的效果,有图有真相!!不信自己去试试……”兴许是适应了不少网友的从众心理,所以这条号召大家去百度知道搜索“变形金刚”的微博一经发出就引来无数人围观。记者也响应微博的号召点开了百度知道的页面,半信半疑地在搜索框中输入了“变形金刚”,然后“确定”。接下来的画面对于记者这样一个文科生而言足够惊奇,搜索结果没有出现像往常那样“排排坐”的清晰“队列”,而是以一种看上去一团“乱码”的方式出现。只有将页面全屏后才看清楚百度版“变形金刚”卖萌的全过程。

  原来搜索后在页面右端出现的“乱码”是由搜索结果组成的一个机器人“变形金刚”的形状。在大约一秒钟的定格后,“变形金刚”突然向左转动90度开始“大步”向前进,两只“字符胳膊”还能来回“摇摆”。走到页面正中央,“变形金刚”还不忘伸直胳膊摆个POSE。打乱顺序的乱码渐渐散去,重新按照搜索顺序组成了搜索结果,最终还是以我们习惯中的页面出现在了每位看官面前。记者“鉴定完毕”,百度版“变形金刚”果然和传说中的一模一样,卖萌效果大大超乎了所有人的预期。

  网友惊呼“度娘发飙了”

  《变3》风暴席卷百度,虽然在网页设计上没有什么和《变形金刚3》搭边的花哨图案,但能够在搜索页面里加入如此神奇的创意,动辄就“百度一下”的网友无不惊呆。“工程师是读什么专业的?真帅气。”“这技术太牛了,简直就是和变形金刚的合体啊。”“我一开始还以为网页被卡住了,这个太有才了。”不少学生也因为这个页面而开始“励志”,“ 现在我要好好学C语言然后JavaSe然后JavaWeb……我就基本有这能力了吧……估计还要学……HTML……”

  这么萌的特效,会不会是个flash呀?一些网友在耐着性子看完了百度版“变形金刚”变形记的全过程之后开始琢磨,并且满腹狐疑地试着点开了重新恢复顺序后的搜索页面。发现所有的页面都能像往常一样打开。不少人干脆把这次的百度“变形记”拿来和喜欢在LOGO上做花样的谷歌进行比较,“播报:度娘(网友对百度的昵称),发飙了……都是“变形金刚”惹的祸。我了个去!!谷歌震惊了!!!有木有?!!!!!!”

  “是javascript,有才呢!”

  “变形金刚不仅承载了80后的童年,也是70后脑海中抹不去的一段美好记忆。百度一位工程师用了周末一天时间写出一段代码,在百度知道搜索‘变形金刚3’就能看到一个会走、会跳,还会带着你的屏幕一起小震荡的机器人,创意很酷。”网友纷纷在微博上转发百度的这个会走会跳还会震荡的机器人的图片。不少学计算机出身的网友甚至还曾经试图还原过“制造”机器人的代码。

  为了给众多围观的网友一个“交代”,新浪微博认证账号“百度知道”于20日晚6:00发了一条微博来进一步“吊胃口”,“这是我们一位‘刚粉’工程师周末的突发奇想,不是flash哦,是javascript,有才呢;这个小创意短短3天公司就支持上线了呢,so cool。”

  而百度用户产品市场总监徐小青在也微博上主动开始“揭秘”,“揭秘幕后,这个看似简单的小机器人背后是2000多行代码哦。帮助这个创意实现上线的感觉很爽,没有复杂的流程,没有复杂的汇报,就让老大看了咱工程师的好主意,老大就说:有创意,是好事,要支持。”百度版“变形金刚”的幕后英雄逐渐显山露水。

  “始作俑者”原为给儿子送惊喜

  “以往百度的创新可能更多的是在后台方面,比方说增加一个按钮或者是其他。但这次的创意是我们首次将技术创新直观地展现在用户面前。”记者联系上了百度产品公关负责人海磊。海磊告诉记者,编写出这个“变形金刚”的幕后英雄叫黄方荣,今年33岁的他不光是百度搜索研发部门的工程师,还是个“变形金刚”的铁杆粉丝。黄方荣的儿子刚刚3岁,家里最常见的玩具就是各种小汽车。在得知《变形金刚3》即将上映的消息后,黄方荣决定也给儿子“写”一个“变形金刚”,送他一个惊喜。上个周末,黄方荣在家里“猫”了一天写出了“打造”机器人所需的几千行代码,礼拜一上报给领导,立马被拍板通过。“写出这个代码还是有一点小难度的,但对于黄方荣这样的工程师来说,困难并不算太大。”看来这个javascript机器人背后的特效“技术含量”很高。

  从编写代码到前天下午上线,总共花了3天时间。对于收获如此好的反响,海磊表示“没想到”。“这就是一个创意,并不是变形金刚的什么软广告。”

疯猪 发表于 2011-7-22 14:14

http://www.tudou.com/v/7KjF2NYzgmw/v.swf

疯猪 发表于 2011-7-22 14:15

我的习惯是边听收音机边上网,而且制定台是CRI怀旧金曲,刚刚在放歌间隙听主持人说此事,发来与网友分享
页: [1]
查看完整版本: 网页版“变形金刚”走起来