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