搜尋本站文章

2011年7月23日 星期六

『百度知道』惡搞變形金剛:粉絲工程師 1 日研發!

就在備受關注的『變形金剛 3』在中國首映前一天,中文互動問答平台百度知道上一個趣味和應景『變形金剛』彩蛋被網友發現,並引發圍觀。
用戶只要在百度知道檢索『變形金剛』或『變形金剛 3』,搜索結果中原本的文字鏈接就會組合成一個變形金剛出現在頁面的右邊,並且該『變形金剛』還會動態走向頁面中間,伴隨其腳步的停止,頁面也會隨之震動。

大量網友被這種新鮮的惡搞形式所吸引,紛紛前往圍觀。百度知道『變形』這一新鮮創意,也進一步激發起熱情的觀影圍觀。

騰訊科技獲悉,這個創意並來團隊合作,而是由百度一位工程師獨立完成,他利用自己的周末業餘時間,用整整 1 天時間完成開發這個代碼版『變形金剛』產品。

據了解,工程師文化濃郁的百度公司內部一向尊重自由獨立的思考,鼓勵各種奇思妙想的誕生和實現。這種寬鬆的氛圍孕育了貼吧、知道等產品,也培育了大量充滿奇思妙想工程師。黃方榮就是百度數千年輕工程師中的普通一員。

生於 1978 年、從事 Web 前端研發的黃方榮是典型的『變形金剛』粉絲。他說,『變形金剛』承載了他很多難忘的童年記憶。在『變形金剛 3』上映之際,『做一個酷的東西,獻給自己,獻給兒子,也獻給那些同為'剛粉'的朋友們』成為黃方榮近期閒暇之餘想得最多的問題。

做個什麼樣的產品才能讓所有人眼前一亮?擅長 JavaScript 開發的黃方榮突發奇想:不如用 JavaScript 代碼寫一段代碼,讓搜索結果化身為『變形金剛』。

很多人都知道,一些用 ASCII 字符展現的圖片畫面能實現動態呈現。黃方榮的創意與此類似。他計劃首先將變形金剛的動作進行分解,再將飽滿的動作形象轉化成可以在技術上控制的點陣,最後用 JavaScript 代碼來實現。

想起來簡單,實際卻很費神。整個開發,黃方榮手繪了 40 多張草圖,描了不計其數的點陣,這保障了最終變形金剛變身的時候,動態效果更加逼真。而在代碼實現之後,更麻煩的調試過程開始了,他需要不斷調整點陣和代碼,讓恰當的字符在恰當的時間出現在恰當的位置上。整整忙碌了一天,黃方榮終於完美實現了自己的創意。

創意獲百度副總裁親口讚賞僅三天上線

用技術改變這個世界、改變億萬人的生活,這是每一位百度工程師的夢想。黃方榮自然個人也相信:在日常繁雜的工作中,每一個新的想法,對產品的改進,都可能產生『蝴蝶效應』,影響數億人的體驗。

7 月 18 日,黃方榮上班就在百度 hi 群裡把自己週末的成果分享給了技術部門的同事,負責技術的百度副總裁王夢秋立即回復了一句話:『創意很酷,上線實現吧!』。三天之後,黃方榮完成了機器人呈現效果的優化。

從 7 月 20 日下午開始,來自全國各地的網友紛紛圍觀百度這一創意,當看到往常普通的搜索結果突然『走動』起來,甚至完成『機器人變形』,許多網友在微博上表達了驚嘆。一些網友用『太炫』、『太意外』、『太激動』等詞彙表達驚奇感受。

還有粉絲表示:『​​沒想到在網頁上,用編程可以讓搜索結果組成變形金剛,會走動、會跺腳。最神奇的是連帶著螢幕都能一起震動,非常好玩。』

===============================================

創用 CC 授權條款
Related Posts Plugin for WordPress, Blogger...

沒有留言:

張貼留言

1、本留言處歡迎多加留言交流,但不歡迎垃圾留言及廣告留言
2、留言時可以使用部份 HTML 標記
3、對於教學文章介紹或軟體使用有問題歡迎提出,若站長沒回應表示不清楚該問題的解決方案
4、留言時請勿留下電子郵件,以免因搜尋引擎爬文而造成您的困擾,且站長不會寄相關郵件給您,僅會在留言區提供解決方案
5.站長保留不當刪除留言的權力,若造成不便尚請見諒