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