zoukankan      html  css  js  c++  java
  • 百度前端研发工程师:地裂特效 意在环保

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

    试一下:

    http://www.baidu.com/s?wd=2012%CA%C0%BD%E7%C4%A9%C8%D5&rsv_bp=0&rsv_spt=3&rsv_n=2&inputT=614

    http://www.baidu.com/s?bs=2012%CA%C0%BD%E7%C4%A9%C8%D5&f=8&rsv_bp=1&rsv_spt=3&wd=%D5%FC%BE%C8%B5%D8%C7%F2&rsv_n=2&inputT=1028

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

     

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

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

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

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

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

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

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

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

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

  • 相关阅读:
    在android 5.0以上,如何判断当前应用是在前台还是后台
    Android实现手机摄像头的自动对焦
    抓包获取百度音乐API
    andriod 自定义来电界面功能
    Android 自定义相机
    解决Android拍照保存在系统相册不显示的问题
    有关Color和Drawable你所不知道的那些内容
    Android主题切换方案总结
    设置background属性使用selector的时候内置?attr报错的解决方案
    一步一步解析google camera2 demo(三)
  • 原文地址:https://www.cnblogs.com/lechie/p/2467528.html
Copyright © 2011-2022 走看看