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