百度知道搜索結(jié)果的變形金剛JS特效，瀏覽器必須在IE8或者Firefox、Chrome內(nèi)核才能見到效果。
今日，備受關(guān)注的《變形金剛3》在中國首映了，大部分使用百度知道產(chǎn)品的人都會發(fā)現(xiàn)在百度知道檢索“變形金剛”或“變形金剛3”，搜索結(jié)果會呈現(xiàn)一個動態(tài)代碼版變形金剛。據(jù)了解，該創(chuàng)意由百度一位工程師用整整1天時間完成。
用戶只要在百度知道檢索“變形金剛”或“變形金剛3”，搜索結(jié)果中原本的文字鏈接就會組合成一個變形金剛出現(xiàn)在頁面的右邊，并且該“變形金剛”還會動態(tài)走向頁面中間，伴隨其腳步的停止，頁面也會隨之震動。
大量網(wǎng)友被這種新鮮的形式所吸引，紛紛前往圍觀。百度知道“變形”這一新鮮創(chuàng)意，也進(jìn)一步激發(fā)起“剛粉”的觀影熱情。
由“剛粉”百度工程師一天研發(fā)而成
“百度知道變現(xiàn)”由百度一位工程師完成，他利用自己的周末業(yè)余時間，用整整1天時間完成開發(fā)這個代碼版“變形金剛”產(chǎn)品。
生于1978年、從事Web前端研發(fā)的黃方榮是典型的“變形金剛”粉絲。他說，“變形金剛”承載了他很多難忘的童年記憶。在《變形金剛3》上映之際，成為黃方榮近期閑暇之余想得最多的問題。
做個什么樣的產(chǎn)品才能讓所有人眼前一亮？擅長java script開發(fā)的黃方榮突發(fā)奇想：不如用java script代碼寫一段代碼，讓搜索結(jié)果化身為“變形金剛”！他計劃首先將變形金剛的動作進(jìn)行分解，再將飽滿的動作形象轉(zhuǎn)化成可以在技術(shù)上控制的點陣，最后用java script代碼來實現(xiàn)。
想起來簡單，實際卻很費神。整個開發(fā)，黃方榮手繪了40多張圖，描了不計其數(shù)的點陣，這保障了最終變形金剛變身的時候，動態(tài)效果更加逼真。而在代碼實現(xiàn)之后，更麻煩的調(diào)試過程開始了，他需要不斷調(diào)整點陣和代碼，讓恰當(dāng)?shù)淖址谇‘?dāng)?shù)臅r間出現(xiàn)在恰當(dāng)?shù)奈恢蒙稀Ｕβ盗艘惶?，黃方榮終于完美實現(xiàn)了自己的創(chuàng)意。
創(chuàng)意獲百度副總裁親口贊賞 僅三天上線
用技術(shù)改變這個世界、改變億萬人的生活，這是每一位百度工程師的夢想。黃方榮自然個人也相信：在日常繁雜的工作中，每一個新的想法，對產(chǎn)品的改進(jìn)，都可能產(chǎn)生“蝴蝶效應(yīng)”，影響數(shù)億人的體驗。
7月18日，黃方榮上班就在百度hi群里把自己周末的成果分享給了技術(shù)部門的同事，負(fù)責(zé)技術(shù)的百度副總裁王夢秋立即回復(fù)了一句話：“創(chuàng)意很酷，上線實現(xiàn)吧”。
三天之后，黃方榮完成了機器人呈現(xiàn)效果的優(yōu)化，百度知道將這一創(chuàng)意上線的一刻，黃方榮興奮不已，深深體會到了百度“簡單可依賴”的文化。
一些網(wǎng)友用“太炫”、“太意外”、“太激動”等詞匯表達(dá)驚奇感受。還有“剛粉”表示：“沒想到在網(wǎng)頁上，用編程可以讓搜索結(jié)果組成變形金剛，會走動、會跺腳。最神奇的是連帶著屏幕都能一起震動，非常好玩。”