2010 年 5 月 21 日吃豆人游戲 30 周年，Google 首頁在上午 9 點(diǎn)上線了一個(gè)可交互的涂鴉游戲。幾個(gè)小時(shí)內(nèi)，這個(gè)游戲就讓全世界都為之瘋狂。不過涂鴉團(tuán)隊(duì)開始陸續(xù)收到一個(gè)詭異 Bug 的報(bào)告。作者在本文中分享了這個(gè) Bug 背后的有趣故事。
2010 年 5 月 21 日的那個(gè)周五對大多數(shù)人來說，可能都只是一個(gè)普通的周五而已。但對我來說，那一天可以說是最不同尋常的周五了。
那天我的推特癱瘓了。那天我跟我父親說了最后一句話。那天我讓數(shù)億人體驗(yàn)了我做的東西。但是這里的故事跟所有這些都沒有關(guān)系。本文講述了我是怎樣讓一些人覺得他們瘋了的。
2010 年我在 Google 工作，并被拉進(jìn)了吃豆人涂鴉游戲的研究和編程工作中。吃豆人涂鴉游戲是 Google 為了慶祝這款經(jīng)典電子游戲誕生 30 周年而推出的，而且會放在 Google 的主頁上。在那天之前，我花了幾個(gè)月時(shí)間從頭寫完了所有的代碼（沒有任何效仿）。周五早上，太平洋時(shí)間 9 點(diǎn)，我們像全世界揭開了它的面紗。
這是首款像樣的交互型涂鴉，也是第一個(gè)能真正跟 Google 搜索框爭奪注意力的東西。所以，在眾多設(shè)計(jì)決策中，我們需要注意的是如何在推廣這款涂鴉游戲和便于人們完成搜索并繼續(xù)他們的生活之間達(dá)到平衡。
在一番深思熟慮之后，我們做出了以下幾個(gè)決定：
如果訪客打開 Google 主頁超過了 10 秒鐘就自動開始游戲（當(dāng)然啦，如果他們點(diǎn)擊這個(gè)涂鴉，或者按下特別的“投幣”按鈕就能提前開始玩了）
-
游戲默認(rèn)是開啟聲音的（否則很多人可能意識不到這個(gè)游戲是有聲音的，并損失了很多游戲樂趣）
-
吃豆人涂鴉游戲會在 Google 主頁上保持 48 小時(shí)，而不是通常的 24 小時(shí)
來勢洶洶？可能吧。我們主頁上的可是吃豆人?。∥覀儗Υ烁械椒浅ｒ湴?，而且希望人們——他們還不習(xí)慣可以玩的 Google 主頁——能注意到它，能玩得開心。
即使在發(fā)布之前，那天已經(jīng)像個(gè)不尋常的周五了。我們之前從未做過像個(gè)涂鴉一樣的東西。我和團(tuán)隊(duì)里的一些人通宵拍了照，還準(zhǔn)備了一個(gè)吃豆人的內(nèi)部比賽版本。就我個(gè)人而言，我還是嚇壞了。我是用戶體驗(yàn)團(tuán)隊(duì)的一名設(shè)計(jì)師。誠然，我的代碼通過了所有適當(dāng)?shù)膶彶?，但是我還是不敢相信它能——一字不差地——出現(xiàn)在 Google 最有價(jià)值的資產(chǎn)上。
我們在上午 9 點(diǎn)打開開關(guān)。幾個(gè)小時(shí)內(nèi)吃豆人游戲就讓全世界都為之瘋狂。很快，我收到了如山洪般的反饋，以致于我根本不可能跟得上收到反饋的速度。我還突然被要求去參加新聞采訪。上面提到“我的推特癱瘓了”，其實(shí)可能是我把事情自私地過度簡化了（如果沒有整個(gè)優(yōu)秀的團(tuán)隊(duì)支持著我，這一切都不會發(fā)生），但是我也不認(rèn)為有夸張的成分在里面。一個(gè)小時(shí)內(nèi)，隨著越來越多關(guān)于 Google 吃豆人的推特消息涌進(jìn)來，推特開始向我們發(fā)送這樣的消息：
“推特過載了”
但是在所有的興奮之中——興奮的感覺被缺覺加強(qiáng)了，我們開始收到一個(gè)奇怪問題的報(bào)告。即，即使有些人沒有在玩吃豆人，也能聽到它的聲音。
我們最初忽略了這些投訴——“告訴他們關(guān)掉 Google 主頁就好了”——但是這么做并沒有用。在四處研究、絞盡腦汁之后，我們發(fā)現(xiàn)罪魁禍?zhǔn)妆任覀兿胂蟮脧?fù)雜，而且更迷人。
2010 年是火狐最好的一年。使用火狐瀏覽器的一部分人安裝了一個(gè)叫 CoolPreviews 的擴(kuò)展，這樣將鼠標(biāo)懸停在鏈接上就可以快速預(yù)覽網(wǎng)頁。
在火狐瀏覽器打開的同時(shí)，該擴(kuò)展就會啟動。并且在用戶不知情的情況下，它會立即在后臺打開一個(gè)隱形網(wǎng)頁，也就是 Google 主頁。
你很可能已經(jīng)把事情發(fā)生的經(jīng)過串起來了。在那個(gè)周五，google.com 自動打開有聲音的吃豆人涂鴉游戲。如果你使用了裝有 CoolPreviews 的火狐瀏覽器，該插件就會在你啟動瀏覽器的時(shí)候，消無聲息地在后臺打開 Google 主頁，10 秒鐘之后……會莫名其妙地出現(xiàn)游戲聲音。
想象一下，你在周五早上坐下來，打開電腦。對你來說，這個(gè)周五本沒有什么異常的地方。你打開游覽器；但可能并不了解 CoolPreviews，甚至是插件或者擴(kuò)展的概念；不需要使用 Google，或者根本不知道 Google；可能也不知道用了什么瀏覽器——或者什么是瀏覽器。事實(shí)上，你甚至可能都沒在用瀏覽器；有可能它最小化了，默默地縮在屏幕下方的工具欄里?？赡苣阏诓榭脆]箱，或者為今天的第一輪紙牌游戲熱身。
你干什么都無所謂。十秒鐘之后，你會從電腦的揚(yáng)聲器中——知道怎么調(diào)整音量嗎？知道電腦有揚(yáng)聲器嗎？——聽到聲音。
這是一個(gè)隱形吃豆人游戲的警報(bào)聲，它以最不尋常的方式滲透到你的電腦里了。
重復(fù)。
可能你經(jīng)歷過被朋友或者家庭成員用電腦問題糾纏的情況。他們不如你懂技術(shù)，再簡單不過的方法都能解決這些問題。你可能會輕蔑地問“你確定連上鼠標(biāo)了嗎？”、“老天，試試關(guān)掉大寫鎖定?！?/P>
現(xiàn)在來想象一下：如果他們其中之一在那個(gè)周五告訴你，他們的電腦莫名其妙發(fā)出警報(bào)一樣的聲音，你會怎么說？
你會告訴他們，他們瘋了。他們可能也想過自己一定是瘋了。這全都怪我的代碼。
我不太記得我們到底是怎么弄明白的。但是一個(gè)小時(shí)內(nèi)，我們編寫了代碼并立即發(fā)布了一個(gè)雙重修復(fù)：
我們添加了一個(gè)可見的聲音開關(guān)，允許隨意開啟或者關(guān)閉游戲的聲音：
前后對比。注意左下角的聲音按鈕。
-
我們沒有刪除自動開始的設(shè)定，而是修改了代碼；這樣在訪問者與游戲有某種互動之前是不會有聲音的
/**
* Process a new Pac-Man direction requested by player
* using arrow keys or touch.
* @param {number} newDir New direction.
*/
PacManActor.prototype.processRequestedDirection= function(newDir){
// Enable sound as long as the user hasn’t previously
// disabled it by clicking the sound icon.
if(!pacMan.userDisabledSound&& !google.pacManSound){
google.pacManSound= true;
pacMan.updateSoundIcon();
}
無論什么時(shí)候遇到 bug，試著回答以下四個(gè)簡單的問題是很自然的：
-
發(fā)生了什么？
-
怎么修復(fù)它？
-
怎樣避免它再次發(fā)生？
-
責(zé)任人是誰？
這一次，前三個(gè)問題很容易：我們弄清楚、打好補(bǔ)丁、把這次的快速修復(fù)作為未來每一個(gè)涂鴉的最佳做法。
就最后一個(gè)問題來說…“責(zé)任人是誰？”很少是個(gè)好問題，但是一起來考慮一下：
這是我們的錯(cuò)。我們本應(yīng)該預(yù)見到這個(gè)問題的，對吧？但是看看所有這些巧合的聯(lián)系：一個(gè)特定的瀏覽器，一個(gè)特定的異常插件，音量開啟，要等 10 秒問題才會發(fā)生。要想預(yù)見到這個(gè)問題需要多少想象力？
顯然，CoolPreviews 有一些拙劣的編程做法！我其實(shí)不確定他們?yōu)槭裁匆ㄟ^在后臺打開 Google 主頁來啟動——可能僅僅是隨機(jī)的默認(rèn)項(xiàng)？或者是一種檢測網(wǎng)絡(luò)連接的方法？但是再次聲明， Google 主頁能承受很大的流量；并且關(guān)鍵地是，它之前從來不會發(fā)出任何聲音。所以假設(shè)在后臺打開 Google 主頁沒有任何風(fēng)險(xiǎn)并不離譜。
一開始安裝 CoolPreviews 是用戶的錯(cuò)。如果一個(gè)問題是由于插件導(dǎo)致的，那卸載這個(gè)插件是用戶的責(zé)任。但是，你覺得一個(gè)人能意識到，導(dǎo)致電腦發(fā)出聲音的罪魁禍?zhǔn)资且粋€(gè)隨機(jī)的預(yù)覽擴(kuò)展嗎？
瀏覽器開發(fā)商不該允許插件做類似瘋狂的事情。最近一段時(shí)間，瀏覽器很可能都能做到這一點(diǎn)。但是當(dāng)時(shí)，網(wǎng)絡(luò)要更開放一點(diǎn)……畢竟，這個(gè) bug 并不會威脅到你的隱私或者數(shù)據(jù)安全。
針對“責(zé)任人是誰？”這個(gè)問題，我能想到的最好答案是：網(wǎng)絡(luò)的復(fù)雜性。網(wǎng)絡(luò)已經(jīng)出現(xiàn)了一段時(shí)間，涉及了很多利益相關(guān)者。網(wǎng)絡(luò)的開放性和寬容性，以及它的某些特點(diǎn)就這樣……自然而然地產(chǎn)生了。
想要因?yàn)榫W(wǎng)絡(luò)的復(fù)雜性而懲罰它，就像 Xerxes 因?yàn)榇蠛Ｍ虥]了他差勁的橋就鞭打大海一樣。遠(yuǎn)離網(wǎng)絡(luò)轉(zhuǎn)向本國客戶可能就是用一組問題來交換另一組問題。想要降低網(wǎng)絡(luò)的復(fù)雜性……事實(shí)上，很多聰明人把它作為工作或者閑暇時(shí)的消遣。
無論怎樣，都需要修復(fù) bug。
修復(fù) bug 的一種方式是建立復(fù)雜的機(jī)制，來提前識別問題并避免它們發(fā)生。當(dāng)然，有時(shí)候你別無選擇，這是唯一的方法。任何與用戶數(shù)據(jù)、隱私、安全或者金融信息相關(guān)的事物都是禁區(qū)——需要謹(jǐn)慎地檢查并控制它們，沒有商量的余地。
但是還有我們正在討論的這類情況。我已經(jīng)在 Medium 上寫過其他奇怪的 bug，比如消失的 Polish S，以及 25 歲的系統(tǒng)字體從它的像素化墳?zāi)怪袕?fù)活……現(xiàn)在是在小部分電腦上出現(xiàn)吃豆人的奇怪噪音。你無法完全預(yù)見那些遠(yuǎn)不是在你的服務(wù)器上發(fā)生的 bug，那些后果不是很嚴(yán)重的 bug。你可以試著阻止這些 bug 發(fā)生，但是假設(shè)這些 bug 會發(fā)生，并把精力用在建設(shè)基礎(chǔ)設(shè)施來進(jìn)行 bug 的捕捉和盡快修復(fù)上會更容易。
我認(rèn)為，修復(fù)吃豆人 bug 的真正成就是兩個(gè)緊湊循環(huán)：第一，支持團(tuán)隊(duì)和產(chǎn)品部門的交流……第二，有預(yù)見能力的“熱點(diǎn)推送”基礎(chǔ)設(shè)施能讓我們的修復(fù)在幾分鐘內(nèi)迅速實(shí)施，這對 Google 這種規(guī)模的公司來說是非常驚人的。
2010 年的這個(gè)周五對我來說是非同尋常的，但是我也知道我的工作讓這一天對許多其他人變得非同尋常。有些人想起了他們在 80 年代早期玩吃豆人的時(shí)光。有些人對 HTML 的可能性感到興奮。有些人只是玩得很開心然后繼續(xù)生活。
我對那一天最喜歡的反應(yīng)之一是——我們將我小時(shí)候喜愛的那種游戲廳精神帶到了 2010 年的 48 小時(shí)當(dāng)中。
“我在這個(gè)咖啡店里同時(shí)聽到了三個(gè)吃豆人的聲音。我有點(diǎn)愛你， Google ?！?/P>
我希望你不是遇到這個(gè) bug 的人之一。如果你遇到了，而且我的代碼把你嚇壞了，抱歉。但是只要我還在寫代碼，總會有 bug 需要解決，無論是我的還是別人的。識別 bug、將它們按重要性排序，以及在發(fā)布之前（需要時(shí)間）或者發(fā)布之后（對人們產(chǎn)生影響）排除這些 bug ，在這三者之中找到一個(gè)平衡點(diǎn)將仍然是我面臨的更大挑戰(zhàn)之一。
2010 年另外一個(gè)有趣的部分是，我還得重新介紹吃豆人原作代碼的一個(gè) bug……不過那是另一篇完全不同的文章了。
同時(shí)，我也想聽聽你的 bug 故事。在你需要負(fù)一部分責(zé)任的 bug 中，最奇怪、最意外、最酷的是哪個(gè)？把這類事情當(dāng)做最好要修復(fù)和忘掉錯(cuò)誤或者失敗很難。但是他們也告訴了我們一些事實(shí)，關(guān)于我們所創(chuàng)造的這個(gè)世界的事實(shí)，以及加強(qiáng)了其基礎(chǔ)的、奇妙的、瘋狂的復(fù)雜性。
感謝 Ryan Germick 和 Kris Hom 在這個(gè)涂鴉項(xiàng)目上的合作。想了解 Google 吃豆人的更多秘密？請觀看 Google I/O 2011 的一個(gè)訪談。創(chuàng)造一個(gè)不可能預(yù)測的情景需要多少情形交織在一起？如果你想要閱讀一篇相關(guān)的好故事，看看 Stanis?aw Lem 杰出的小說《機(jī)會鏈》（The Chain of Chance）。
