【賽迪網訊】4月22日是世界地球日。今年的地球日有些特別,中國網民在百度上經歷了一場“天崩地裂”的搜索。在PC或手機上登陸百度輸入“2012世界末日”、“拯救地球”等進行搜索,屏幕就會出人意料的抖動,并隨之呈現一道裂痕、露出地殼巖漿,接著地面塌陷……從裂縫中飄出2012船票,帶領人們進入到“綠色承諾、拯救地球”活動中。百度為地球日公益環保宣傳創作的“地裂”彩蛋,成為了當天人們津津樂道的話題。
然而更令人驚訝的是,這個別具創造力的搜索特效,竟然出自百度一位80后工程師之手。記者特意追訪了這位年輕的工程師,從而揭開了“地裂特效”背后的精彩故事。
圖:百度前端研發高級工程師、“地裂”特效作者黃志龍
這位85年的小伙兒叫黃志龍,雖然年紀輕輕,卻有著超過十年的JavaScript經驗。2008年入職百度,目前是百度前端研發高級工程師。“裂開的效果采用克隆層加傾斜的辦法變通實現。船票的飄出,采用著名的貝塞爾曲線算法做為路徑,使之感覺更加和諧與自然。船票的翻轉,采用矩陣變形動畫來模擬。整體的動畫在性能與效果之間做了權衡,保證最低幀率的基礎上做了智能跳幀處理。”果真是會者不難,難者不會。
志龍是一位思維活躍的年輕人,他說平時自己最大的愛好就是寫代碼,經常在博客里(http://ucren.com)把自己“異想天開”的點子嘗試用JavaScript代碼實現和發布。“只有想不到,沒有做不到。有些看似不可能在網頁上實現的效果,我都想挑戰,讓不可能變為可能。”這次的“地裂特效”,就是他用JavaScript技術實現的“不敢想”之一。
他笑言:“開始也只是靈光一閃,想在地球日的時候做些小嘗試,就在博客上‘信手涂鴉’了一下”。沒想到這一“涂”,志龍只用了一個晚上,就把矩陣變型效果寫了出來,而且使它兼容了所有版本的瀏覽器,包括眾所周知的“萬惡”的 IE6。后來幾天,志龍又做了大量的燈光實驗,一鼓作氣的讓彩蛋還實現了逼真的投影效果。
說到過程里的艱辛,志龍也無比感嘆,比起技術本身的困難,倒是相關的數理知識讓他吃了不少苦頭,“一整天對著電腦上那張虛擬的船票飄來飄去,晚上睡覺居然夢見飄來了船票,伸手去拿時,把被子都掀的老遠。不過網友喜歡,就一切都值得了!”
當談到前端技術時,志龍立刻顯示出工程師的專業:“JavaScript技術是改善網頁用戶體驗不可或缺的手段,這次的‘地裂特效’就用到了JS、CSS3 技術。其實百度除了擁有業界先進的搜索技術外,我們的前端技術也非常領先,并且在不斷追求前端技術的進步,在保持頁面簡單可依賴的基礎上,更嘗試增添幽默元素。”
對于廣受用戶好評的“地裂特效”,他說,“成功既是偶然又是必然,因為在百度技術人員間有個不成文的默契,那就是——我們的創新,并非是為了創新而創新。在百度,都是這樣一群技術工程師,不知疲倦、精益求精,希望用技術來改善無數網民的生活,同時也享受著因不斷突破技術難題而帶來的無窮樂趣。”
的確,正如黃志龍所說,從百度知道“變形金剛”、百科“中秋節月亮”、到網頁“地裂特效”,百度的每一次創新,都是技術創新與用戶需求的結合,帶給用戶更多富于現實意義的新奇體驗。這些別具一格的實踐,拓寬了技術本身的價值,使網友們在驚奇中思索,在搜索中感懷。
推薦閱讀
全球經濟的高速發展,導致資源日益匱乏,污染嚴重;據不完全統計,我國通信行業每年耗電超過200億度,消耗煤炭量達675萬噸,“綠色節能”已經成為各個行業發展的新使命。隨著通信技術的日新月異和通信對“低碳節能”>>>詳細閱讀
本文標題:百度前端研發工程師:地裂特效 意在環保
地址:http://www.xglongwei.com/a/kandian/20120423/53817.html