幕後花絮

我做了一款小遊戲:看一群螞蟻,把像素畫一口一口搬回家

文/POMODIARY 團隊 · · 閱讀約 3 分鐘

小時候蹲在地上看螞蟻搬東西,可以看一整個下午。一粒餅乾屑,十幾隻螞蟻排著隊,一趟一趟扛回洞裡。

最近我把這個畫面做成了一款網頁小遊戲,叫 Crumb Colony。Crumb 是食物碎屑,Colony 是蟻群,合起來就是「一窩搬碎屑的螞蟻」。

用手機瀏覽器打開 ants.pomodiary.com 就能玩,不用下載,也不用註冊。

遊戲首頁和關卡選單

首頁:20 道像素美食,從荷包蛋一路吃到蓮蓉月餅

怎麼玩

每一關是一幅鋪滿方塊的像素畫。畫的下方是一個托盤,擺著四列帶數字的彩色盒子。

  1. 只能點每一列最前面的盒子。點了之後,它會進到蟻巢的 5 個槽位裡。
  2. 盒子裡會跑出同色的螞蟻,數字代表牠要搬走的方塊數。
  3. 螞蟻只能咬露在外面的方塊,所以畫是由外往內被吃掉的。
  4. 槽位滿了,裡面的顏色卻都還沒露出來,蟻巢就會堵死,這關失敗。

規則就這麼幾條。難的是順序:先放哪個顏色、後放哪個,得看清楚畫的層次,也得看清楚托盤後排壓著什麼。

甜甜圈關卡進行中

第 3 關粉紅糖霜甜甜圈:外圈的青色條紋最先被啃掉

最好看的是螞蟻本身

我花最多時間的地方,是讓螞蟻看起來像真的在工作。

牠們從盒子裡一隻接一隻地出來,中間留著小小的間隔,不會擠成一團。牠們沿著畫框排隊走,只走已經被吃空的格子,絕不從方塊上面翻過去。咬下一塊,就扛在背上走回蟻穴,腳還會一擺一擺的。

開到 3 倍速,滿畫面都是扛著彩色方塊來回奔跑的小螞蟻,看了非常紓壓。

越往後,花樣越多

每隔幾關就會解鎖一個新機制,第一次遇到時會跳出說明。

鎖和鑰匙。 畫裡埋著金鑰匙,等螞蟻把它四周啃開,鑰匙就會飛下去,打開托盤裡上鎖的盒子。上鎖的盒子擋在最前面時,整列都拿不動。

三角飯糰關卡,鑰匙剛打開一把鎖

第 6 關三角飯糰:鑰匙剛打開一把鎖

冰塊。 結冰的方塊要咬兩口,第一口咬碎冰殼,第二口才能搬走。

雙球甜筒關卡,發白的是冰塊

第 7 關雙球甜筒:發白的是冰塊

蜘蛛網。 網子底下的方塊誰都吃不到。要放出鋪滿葉子的兵蟻盒,讓紅色兵蟻去咬蛛絲,等蜘蛛身上的數字被咬到 0,牠就會逃走。

藍莓鬆餅關卡中間的蜘蛛網

第 11 關藍莓鬆餅:中間是蜘蛛網

數字大方塊。 寫著數字的大方塊要咬很多口才搬得走,數字就是還剩幾口。

披薩關卡上的三塊大方塊

第 9 關披薩:三塊「20」大方塊

連體盒。 托盤裡有些盒子用線連在一起,必須兩個同時露在最前排才能拿,而且要占用兩個相鄰的槽位。槽位不相鄰時,其他盒子會自動挪一挪,幫它們騰出位置。兩個盒子的螞蟻都搬完,它們才會一起離開。這是最燒腦的機制,一對連體盒就能同時卡住兩列。

迷你漢堡關卡,托盤裡的連體盒

第 5 關迷你漢堡:托盤裡的 34 和 21、18 和 11 是兩對連體盒

真的卡住了,還有 4 種道具:加槽位多給一個格子,隨手拿可以拿後排的盒子,機關槍打碎畫上任意 3×3 的方塊,飛碟把一個槽位的顏色直接從畫裡吸走。代價是用了道具,星星會少一顆。

難關要難,但一定過得去

20 關分成五個等級:入門、普通、進階、困難、超難。大約每 5 關會有一道難關,得停下來想一想才過得了。

替難關訂規則時,我堅持一點:不減槽位。難度只來自托盤怎麼擺、圖怎麼畫。例如最前排故意放一個暫時吃不到的顏色,或是把關鍵的盒子壓在一對連體盒後面。

難也不能難成死局。每一關上線前,我都會讓程式從頭到尾打一遍,確認有解;再讓一個會往前看幾步的「電腦玩家」反覆嘗試,看它能贏幾成,依這個數字來調整難度。

還有一個小細節:同一關裡的顏色,都用色差公式拉開了距離。之前有朋友說黑色和深藍色分不清楚,這個問題現在已經解決了。

過關畫面

吃光一幅畫,拿到三顆星

失敗畫面

或者,把蟻巢堵死

來玩吧

用手機或電腦的瀏覽器打開:

ants.pomodiary.com

進度會自動儲存在瀏覽器裡。前兩關是教學,第 5 關是第一道難關。

延伸閱讀