1. 首页 / 资源

百度知道恶搞变形金刚:由刚粉工程师1日研发

百度知道恶搞变形金刚:由刚粉工程师1日研发

 

腾讯科技讯 7月21日消息,就在备受关注的《变形金刚3》在中国首映前一天,中文互动问答平台百度知道上一个趣味和应景“变形金刚”彩蛋被网友发现,并引发围观。

用户只要在百度知道检索“变形金刚”或“变形金刚3”,搜索结果中原本的文字链接就会组合成一个变形金刚出现在页面的右边,并且该“变形金刚”还会动态走向页面中间,伴随其脚步的停止,页面也会随之震动。

大量网友被这种新鲜的恶搞形式所吸引,纷纷前往围观。百度知道“变形”这一新鲜创意,也进一步激发起“刚粉”的观影热情。

腾讯科技获悉,这个创意并来团队合作,而是由百度一位“刚粉”工程师独立完成,他利用自己的周末业余时间,用整整1天时间完成开发这个代码版“变形金刚”产品。

创意由百度“刚粉”工程师一日完成

据了解,工程师文化浓郁的百度公司内部一向尊重自由独立的思考,鼓励各种奇思妙想的诞生和实现。这种宽松的氛围孕育了贴吧、知道等产品,也培育了大量充满奇思妙想工程师。黄方荣就是百度数千年轻工程师中的普通一员。

生于1978年、从事Web前端研发的黄方荣是典型的“变形金刚”粉丝。他说,“变形金刚”承载了他很多难忘的童年记忆。在《变形金刚3》上映之际,“做一个酷的东西,献给自己,献给儿子,也献给那些同为‘刚粉’的朋友们”成为黄方荣近期闲暇之余想得最多的问题。

做个什么样的产品才能让所有人眼前一亮?擅长JavaScript开发的黄方荣突发奇想:不如用JavaScript代码写一段代码,让搜索结果化身为“变形金刚”。

很多人都知道,一些用ASCII字符展现的图片画面能实现动态呈现。黄方荣的创意与此类似。他计划首先将变形金刚的动作进行分解,再将饱满的动作形象转化成可以在技术上控制的点阵,最后用JavaScript代码来实现。

想起来简单,实际却很费神。整个开发,黄方荣手绘了40多张草图,描了不计其数的点阵,这保障了最终变形金刚变身的时候,动态效果更加逼真。而在代码实现之后,更麻烦的调试过程开始了,他需要不断调整点阵和代码,让恰当的字符在恰当的时间出现在恰当的位置上。整整忙碌了一天,黄方荣终于完美实现了自己的创意。

创意获百度副总裁亲口赞赏 仅三天上线

用技术改变这个世界、改变亿万人的生活,这是每一位百度工程师的梦想。黄方荣自然个人也相信:在日常繁杂的工作中,每一个新的想法,对产品的改进,都可能产生“蝴蝶效应”,影响数亿人的体验。

7月18日,黄方荣上班就在百度hi群里把自己周末的成果分享给了技术部门的同事,负责技术的百度副总裁王梦秋立即回复了一句话:“创意很酷,上线实现吧”。三天之后,黄方荣完成了机器人呈现效果的优化。

从7月20日下午开始,来自全国各地的网友纷纷围观百度这一创意,当看到往常普通的搜索结果突然“走动”起来,甚至完成“机器人变形”,许多网友在微博上表达了惊叹。一些网友用“太炫”、“太意外”、“太激动”等词汇表达惊奇感受。

还有“刚粉”表示:“没想到在网页上,用编程可以让搜索结果组成变形金刚,会走动、会跺脚。最神奇的是连带着屏幕都能一起震动,非常好玩。”

相关推荐

  • 金蝶录入科目代码怎么自动出来 | 金蝶科目代码格式怎

    金蝶录入科目代码怎么自动出来 | 金蝶科目代码格式怎

    金蝶录入科目代码怎么自动出来 | 金蝶科目代码格式怎么修改,快捷键,修改,编码,专业版,项目,1. 金蝶调出科目编码快捷键操作步骤为:1、打开【基础设置】→【核算项目】;2、单击【核算项目资料】列表下的【物料】,单击工具条【修改】;3、在【核算项目类别-修改】窗口,单击【属性维护】列表下的【存货科目代码】,然后单击【修改】;4、在【自定义属性-修改】窗口,单击【缺省值】文本框,并单击选择相应的【存货科目代码】;...

  • 百度贴吧下载官方下载 | 百度贴吧怎样下载

    百度贴吧下载官方下载 | 百度贴吧怎样下载

    百度贴吧下载官方下载 | 百度贴吧怎样下载,百度贴吧,下载,下载安装,安装包,选项,1. 百度贴吧下载安装1:打开浏览器或某个网页后,选择:工具-internet选项-删除文件-确定。(这样做的目的是方便一会儿查找文件) 2:这时候开始去试听或试看你想要下载的文件。(记住,一定要等播放的视频或音频文件缓冲完成后再回头去找这个已经下载到电脑里的文件) 3:找到已经下载到电脑里的我们刚才试听或试看的文...

  • 百度贴吧免费下载安装最新版 | 百度贴吧下载安装安卓

    百度贴吧免费下载安装最新版 | 百度贴吧下载安装安卓

    百度贴吧免费下载安装最新版 | 百度贴吧下载安装安卓版,百度贴吧,下载,下载安装,安装包,百度,1. 百度贴吧电脑版下载官方下载安装1、账号登录。毋庸置疑,首先登录百度账号,没有的要去申请一个。关注贴吧。搜索你感兴趣的贴吧关键词,进入XXX吧。在这里,进入该贴吧后,点击红色字“关注”,你就成为了此吧的一员。2、贴吧签到。既然关注了贴吧,要养成每日签到的好习惯,除了每日签到获取的经验值外,还可以通过回复他人的贴子、...

  • QQ如何设置动态主题 | 如何免费设置qq动态主题皮肤

    QQ如何设置动态主题 | 如何免费设置qq动态主题皮肤

    QQ如何设置动态主题 | 如何免费设置qq动态主题皮肤,动态,设置,小米手机,调节,上方,1. 如何免费设置qq动态主题1、进入手机QQ,点击“动态”2、点击“好友动态”3、点击上方的背景处4、进入背景商城,找到最新全屏背景5、选择好要设置的背景后,点击就有透明度可以调节,按照个人喜好,点击使用6、就设置好啦2. qq怎样设置动态主题下面以小米手机为例介绍具体操作方法:1、首先打开手机QQ,登录个人账号,然...

  • 怎么设置qq壁纸图片动态 | 怎么设置qq壁纸图片 背景

    怎么设置qq壁纸图片动态 | 怎么设置qq壁纸图片 背景

    怎么设置qq壁纸图片动态 | 怎么设置qq壁纸图片 背景,设置,动态,屏幕,壁纸,选取,1. qq上怎么设置壁纸图片在QQ装饰里面选择主题设置壁纸2. 怎么用自己的图片设置QQ壁纸在手机QQ上设置QQ壁纸的方法如下: 1、登录手机QQ。 2、将QQ屏幕向右拉动,弹出资料界面,在菜单下点击“个性装扮”。 3、在新打开的界面中点击“背景”。 4、在新打开的界面中点击“从相册选取背景”。 5...

  • 手机怎么设置动态桌面壁纸 | 怎样设置手机动态壁纸桌

    手机怎么设置动态桌面壁纸 | 怎样设置手机动态壁纸桌

    手机怎么设置动态桌面壁纸 | 怎样设置手机动态壁纸桌面,动态,设置,桌面,壁纸,锁屏,1. 手机桌面如何设置动态壁纸1.首先如下图所示找到并且打开手机上的设置按钮。2.然后在手机的设置列表中选择显示。3.然后在个性化设置中点击我们的目标——壁纸。4.然后选择随机切换桌面壁纸(这就是我们需要的动态壁纸)。5.然后设置壁纸切换的时间间隔,比如我这里设置半个钟。2. 手机桌面壁纸动态怎么设置手机设置,主题美化...

  • 微博名可用字符 | 微博名字可用字符

    微博名可用字符 | 微博名字可用字符

    微博名可用字符 | 微博名字可用字符,字符,显示,文字,新浪微博,属性,1. 微博昵称可用字符1-18字符,含字母大小写,不能有敏感字眼,2. 微博昵称可用符号微博表情不能直接复制,你复制到其他平台只能显示文字再加cp的符号。3. 微博名可用字符新浪微博规定的选用昵称的要求有:一、新浪微博规定,昵称应体现个人属性,避免选用官方化、敏感时政词汇、不雅词汇、类段子账号昵称、代购名称、明星姓名等...

  • 设置字符串编码 | 指定字符串编码怎么编

    设置字符串编码 | 指定字符串编码怎么编

    设置字符串编码 | 指定字符串编码怎么编,字符串,编码,设置,字符集编码,编码格式,1. 指定字符串编码它用来将json对象转字符串的,不可以设置编码2. 字符集编码方式ASCIIASCII(American Standard Code for Information Interchange,美国信息互换标准代码)是基于拉丁字母的一套电脑编码系统。它主要用于显示现代英语和其他西欧语言。它是现今最通用的...

  • 短信表情包怎么设置动态壁纸 | 微信怎么自己设置动态

    短信表情包怎么设置动态壁纸 | 微信怎么自己设置动态

    短信表情包怎么设置动态壁纸 | 微信怎么自己设置动态表情包,设置,动态,壁纸,键盘,下滑,1. 短信表情包怎么设置动态以苹果7手机为例;操作步骤;1、开始,先在手机的桌面上找到应用程序“设置”图标,点击进入新的操作界面。;2、然后,进入到设置操作界面后,下滑界面找到“键盘”选项,点击打开。;3、进入到键盘操作界面后,继续找到“键盘”选项,点击打开。;4、到了新界面后,找到“表情符号”选项,点击打开。;5、接...

  • qq怎么自定义挂件 | qq动态挂件在哪里设置

    qq怎么自定义挂件 | qq动态挂件在哪里设置

    qq怎么自定义挂件 | qq动态挂件在哪里设置,设置,自定义,动态,选择,选项,1. QQ怎么把图片设置为挂件手机qq主题怎么设置成自己图片?设置手机QQ主题可以让手机的界面更有趣,更有特色,彻底告别传统界面。以下是设置方法:第一步、先选择QQ的头像选项,接下来就会进入该选项的界面第二步、我们接下来点击“我的个性装扮”选项,进入主题商城第三步、选择喜欢的热门推荐的主题或者是自己的图片作为主题接下来...

  • 百度外卖商家版下载手机版 | 百度外卖网上订餐下载

    百度外卖商家版下载手机版 | 百度外卖网上订餐下载

    百度外卖商家版下载手机版 | 百度外卖网上订餐下载,下载,百度,平台,官网,商家,1. 百度外卖平台下载官网下载美团和饿了么、百度外卖。 相关知识: 1、APP有规定,所有抢到订单的送餐员,必须在15分钟内到店里取餐,一小时之内将餐饮食品送到顾客的手中。但是如果每天你能坚持到点去送餐,其实收入也是不菲的,就是比较累点。 2、做送餐员几乎没有什么门槛,只需有一台智能手机、一辆电瓶车就行。用手机下载...

  • 好友动态设置为什么设置不了 | 微信好友动态设置

    好友动态设置为什么设置不了 | 微信好友动态设置

    好友动态设置为什么设置不了 | 微信好友动态设置,设置,动态,显示,删除,验证,1. 好友动态设置是什么样的陌陌:对方把你拉黑了,你也可以给对方发信息,但对方收不到你的信息。如何验证对方是否把你拉黑?你对对方进行关注,如果关注失败,说明对方已经把你拉黑,如果关注成功,说明对方没有拉黑你,只是对方不想读你的信息,直接删除你的显示,你也是显示未读状态。可以!设置分组,可以设置仅限那些人看! 发表的时候...

  • 手机屏幕怎么设置动态视频教程 | 苹果手机屏幕怎么设

    手机屏幕怎么设置动态视频教程 | 苹果手机屏幕怎么设

    手机屏幕怎么设置动态视频教程 | 苹果手机屏幕怎么设置动态视频,动态,设置,壁纸,视频教程,屏幕,1. 手机屏幕怎么设置动态视频1)首先点击进入主页面的“设置”按钮。2)在设置列表中找到“通用”选项,然后点击打开3)接下来在通用列表中找到“辅助功能”选项,并且点击打开4)随后在辅助功能列表中找到“减少动态效果”选项,点击进入5)最后把减少动态效果的开关打开,这样就可以关闭手机显示的一些动画效果了。2. 手机屏保怎么...

  • 百度网盘ios上传文件 | ios百度网盘下载的文件怎么传

    百度网盘ios上传文件 | ios百度网盘下载的文件怎么传

    百度网盘ios上传文件 | ios百度网盘下载的文件怎么传到电脑上,百度网盘,百度云,上传文件,文件,下载,1. ios怎么上传文件到百度云1.首先要设置隐私选项,打开iPhone中的【设置】.2.找到【隐私】,点击进入.3.在列表中点击2. ios百度云怎么上传视频可以选择压缩包模式发送3. 百度网盘ios上传文件这里将音频文件上传到手机的百度网盘中为具体例子,操作的方法如下: 1、首先在手机百度网盘的首页点击页面上方的...

  • 网络设置动态静态哪个好 | 网络动态静态怎么设置好的

    网络设置动态静态哪个好 | 网络动态静态怎么设置好的

    网络设置动态静态哪个好 | 网络动态静态怎么设置好的,动态,网络,设置,网络设置,无线网络,1. 网络动态静态怎么设置好路由器设置介面--网络参数--wan口设置--wan口连接类型,里面有3个选项1、动态IP2、静态IP3、pppoe。选你的宽带类型就行了。静态IP地址(又称固定IP地址)是长期分配给一台计算机或网络设备使用的IP地址。一般来说,一般是特殊的服务器或者采用专线上网的计算机才拥有固定的IP地址...

  • 华为动态屏保怎么设置成自己的视频壁纸 | 华为如何把

    华为动态屏保怎么设置成自己的视频壁纸 | 华为如何把

    华为动态屏保怎么设置成自己的视频壁纸 | 华为如何把自己的视频设置成动态壁纸,动态,壁纸,屏保,设置,华为,1. 华为动态屏保怎么设置成自己的视频目前华为手机本机没有设置视频为动态壁纸的功能,但可以设置图库中的图片作为静态壁纸/随机切换桌面壁纸以及在应用软件中选择自己想要的动态壁纸。原料/工具:华为nova2步骤如下:1、打开手机设置;2、选择“显示”;3、选择“壁纸”;4、如果想要设置随机切换桌面壁纸,则点击“播放相册”;...

  • 电脑桌面背景动漫图 | 动漫动态背景图片高清

    电脑桌面背景动漫图 | 动漫动态背景图片高清

    电脑桌面背景动漫图 | 动漫动态背景图片高清,动漫,背景图片,动态,背景图,控制,1. 好看的动态动漫背景图设置电脑屏保待机动画的方法如下: 1、单击桌面左下角的开始图标,将进入电脑菜单选择页面; 2、选择菜单中的“控制面板“,将会进入控制面板的主页面; 3、在控制面板主页面选择“外观和个性化”,并双击它; 4、在弹出的页面中,选择“个性化”中的“更改屏幕保护程序”,并单击它...

  • 怎样设置苹果手机动态壁纸 | 动态壁纸如何设置苹果手

    怎样设置苹果手机动态壁纸 | 动态壁纸如何设置苹果手

    怎样设置苹果手机动态壁纸 | 动态壁纸如何设置苹果手机,动态,壁纸,设置,选取,手机系统,1. 怎么设置苹果动态壁纸手机1.在手机桌面点击设置图标;2.进入设置里面后,找到墙纸选项;3.接着找到选取新的墙纸;4.然后点击动态墙纸;5.接着选取想要的动态墙纸;6.然后点击设定即可。2. 怎样设置动态壁纸苹果手机1/4进入手机系统设置,点击【墙纸】。2/4点击【自定当前壁纸】。3/4点击【新增】,在“动态壁纸”...

  • 苹果手机怎么设置壁纸 | 苹果14手机怎么设置动态壁纸

    苹果手机怎么设置壁纸 | 苹果14手机怎么设置动态壁纸

    苹果手机怎么设置壁纸 | 苹果14手机怎么设置动态壁纸,壁纸,设置,动态,视频教程,自定义,1. 苹果手机怎么设置动态壁纸需要工具:iphone 6手机动态壁纸设置步骤:1、将 iphone6手机解锁至【主屏幕页面】后找到并打开自带的【设置】。2、进入iphone 6 手机的系统【设置】中心后,找到【墙纸】设置进入。3、在【墙纸】的管理设置页面下,点击【选取新的墙纸】功能进行下一步。4、进入【选取】的详细设置...

  • 苹果桌面动态怎么设置的快捷键 | 苹果可以设置动态桌

    苹果桌面动态怎么设置的快捷键 | 苹果可以设置动态桌

    苹果桌面动态怎么设置的快捷键 | 苹果可以设置动态桌面吗,设置,动态,桌面,壁纸,快捷键,1. 苹果桌面动态怎么设置的.以ios14举例,打开设置功能。2.在设置菜单中点击“墙纸”,进入墙纸中心。3.在此界面找到“选取新墙纸”功能,点击进入。4.苹果手机的墙纸分3种类型,此处点击动态墙纸。5.选择自己喜欢的动态墙纸,点击查看预览。6.在墙纸预览界面,点击“设定”选项。7.选择设置范围,设置完毕后返回手机桌面...