百度前端研发工程师:地裂特效 意在环保

作者: 来源:未知 2012-04-23 14:29:16 阅读 我要评论 直达商品

【赛迪网讯】4月22日是世界地球日。今年的地球日有些特别,中国网民在百度上经历了一场“天崩地裂”的搜索。在PC或手机上登陆百度输入“2012世界末日”、“拯救地球”等进行搜索,屏幕就会出人意料的抖动,并随之呈现一道裂痕、露出地壳岩浆,接着地面塌陷……从裂缝中飘出2012船票,带领人们进入到“绿色承诺、拯救地球”活动中。百度为地球日公益环保宣传创作的“地裂”彩蛋,成为了当天人们津津乐道的话题。

然而更令人惊讶的是,这个别具创造力的搜索特效,竟然出自百度一位80后工程师之手。记者特意追访了这位年轻的工程师,从而揭开了“地裂特效”背后的精彩故事。

  图:百度前端研发高级工程师、“地裂”特效作者黄志龙

这位85年的小伙儿叫黄志龙,虽然年纪轻轻,却有着超过十年的JavaScript经验。2008年入职百度,目前是百度前端研发高级工程师。“裂开的效果采用克隆层加倾斜的办法变通实现。船票的飘出,采用著名的贝塞尔曲线算法做为路径,使之感觉更加和谐与自然。船票的翻转,采用矩阵变形动画来模拟。整体的动画在性能与效果之间做了权衡,保证最低帧率的基础上做了智能跳帧处理。”果真是会者不难,难者不会。

志龙是一位思维活跃的年轻人,他说平时自己最大的爱好就是写代码,经常在博客里(http://ucren.com)把自己“异想天开”的点子尝试用JavaScript代码实现和发布。“只有想不到,没有做不到。有些看似不可能在网页上实现的效果,我都想挑战,让不可能变为可能。”这次的“地裂特效”,就是他用JavaScript技术实现的“不敢想”之一。

他笑言:“开始也只是灵光一闪,想在地球日的时候做些小尝试,就在博客上‘信手涂鸦’了一下”。没想到这一“涂”,志龙只用了一个晚上,就把矩阵变型效果写了出来,而且使它兼容了所有版本的浏览器,包括众所周知的“万恶”的 IE6。后来几天,志龙又做了大量的灯光实验,一鼓作气的让彩蛋还实现了逼真的投影效果。

说到过程里的艰辛,志龙也无比感叹,比起技术本身的困难,倒是相关的数理知识让他吃了不少苦头,“一整天对着电脑上那张虚拟的船票飘来飘去,晚上睡觉居然梦见飘来了船票,伸手去拿时,把被子都掀的老远。不过网友喜欢,就一切都值得了!”

当谈到前端技术时,志龙立刻显示出工程师的专业:“JavaScript技术是改善网页用户体验不可或缺的手段,这次的‘地裂特效’就用到了JS、CSS3 技术。其实百度除了拥有业界先进的搜索技术外,我们的前端技术也非常领先,并且在不断追求前端技术的进步,在保持页面简单可依赖的基础上,更尝试增添幽默元素。”

对于广受用户好评的“地裂特效”,他说,“成功既是偶然又是必然,因为在百度技术人员间有个不成文的默契,那就是——我们的创新,并非是为了创新而创新。在百度,都是这样一群技术工程师,不知疲倦、精益求精,希望用技术来改善无数网民的生活,同时也享受着因不断突破技术难题而带来的无穷乐趣。”

的确,正如黄志龙所说,从百度知道“变形金刚”、百科“中秋节月亮”、到网页“地裂特效”,百度的每一次创新,都是技术创新与用户需求的结合,带给用户更多富于现实意义的新奇体验。这些别具一格的实践,拓宽了技术本身的价值,使网友们在惊奇中思索,在搜索中感怀。


  推荐阅读

  中企通信CeConference获绿色电话会议殊荣

全球经济的高速发展,导致资源日益匮乏,污染严重;据不完全统计,我国通信行业每年耗电超过200亿度,消耗煤炭量达675万吨,“绿色节能”已经成为各个行业发展的新使命。随着通信技术的日新月异和通信对“低碳节能”>>>详细阅读


本文标题:百度前端研发工程师:地裂特效 意在环保

地址:http://www.lgo100.com/a/kandian/20120423/53817.html

乐购科技部分新闻及文章转载自互联网,供读者交流和学习,若有涉及作者版权等问题请及时与我们联系,以便更正、删除或按规定办理。感谢所有提供资讯的网站,欢迎各类媒体与乐购科技进行文章共享合作。

网友点评
我的评论: 人参与评论
验证码: 匿名回答
网友评论(点击查看更多条评论)
友情提示: 登录后发表评论,可以直接从评论中的用户名进入您的个人空间,让更多网友认识您。
自媒体专栏

评论

热度