我把繫鞋帶做成了一筆畫解謎遊戲?

3月14號晚上,我終於完成了這款名爲《Lace It Up》的繫鞋帶解謎遊戲!

8天的單人開發,最終完成了35個關卡,成品我自己挺滿意的,也獲得了一些好評~

介紹一下游戲機制,後面會和大家分享一下這8天我都做了什麼!

遊戲畫面

遊戲的核心玩法很簡單:繫鞋帶 + 一筆畫解謎~

每個關卡都是一隻奇特的鞋子,玩家需要從頭孔開始,

點擊依次連接所有孔洞,最後連接到尾孔,完成既通關!

聽起來簡單,但隨着遊戲推進,

玩家會發現一些鞋上出現特殊的規則,必須全都滿足~:

——比如某個區域要用鞋帶產生固定數量的交點

——有的又會要求穿過的連線必須是垂直或者水平

圖中關卡要求鞋帶形成三個交點

gamejam介紹

那麼首先介紹一下這個特殊的gamejam——034,

有趣的點在於:這個比賽只能使用純色圓形/三角/矩形 來作爲遊戲的實例,

並且除了【遊戲標題】和【成員名單】外禁止使用任何文字

之前有聽說過這個比賽,新一屆的消息出來後終於心癢難耐進行了一個報名hh~

比賽要求

day1 公佈主題&10分鐘確定方向

比賽主題

3月6號主題公佈了——*連接*。

我準備先出個門逛逛,結果低頭穿鞋帶時立刻就想到:

繫鞋帶不也是一種連接麼,如果做成遊戲應該會很有趣!

低頭

就這樣,我在主題公佈後 10分鐘內 就確定了遊戲方向。

這大概是我最快的一次頭腦風暴了😂

花了個草圖

確定了核心體驗(繫鞋帶)後,我很快想到用 一筆畫解謎 來承載這個玩法:

  • 玩家需要找到正確的穿孔順序

  • 通過增加規則限制連接方式

作爲一個正在做steam解謎遊戲的開發者,我果然比較擅長把各種題材往解謎類型拓展(

day1 制定開發規劃

那麼接下來就是簡單規劃一下日程安排了,作爲一個gamejam老司機,輕車熟路地指定了規劃:

流程規劃

day2 獲取靈感

雖然做過一些解謎遊戲,但一筆畫 or 紙筆解謎對我來說還是比較新鮮的。

所以我先去找了一些我想到的類似遊戲試玩:

特別喜歡第四個

另外我在網上找了一些繫鞋帶的方式,瞭解了才知道原來有這麼多種系法hh,

很有意思,一些系法催生了我部分關卡設計的初步方向

五花八門的繫鞋帶方法

day2 遊戲初版策劃案

經過調研和思考,我確定了遊戲的核心規則:

核心目標

玩家的目標非常直觀和貼近現實:把鞋帶穿好

關卡中會有若干列孔洞,玩家讓鞋帶穿過所有孔洞。滿足所有規則後即可通關。

基礎規則:

  • 每個孔只能穿過一次(且必須穿過)

  • 關卡默認設置好了頭孔和尾孔(這樣可以降低決策成本,增加方向感)

交點系統

部分關卡要求鞋帶形成指定數量的交點

等等,這裏就不展開了

day3 開發原型

確定規則後就開始迅速開發原型了,代碼的部分這次我用的一款輔助編程軟件(Windsurf),幾乎全程交給他寫,我只負責打字提需求和測試hh

編程輔助軟件

很快半天過去就搭建好了最基本的數據結構和原型:

最初原型

就這麼繼續迭代,到了次日完成了以下內容~:

  • 鼠標點擊連線,基本規則驗證

  • 底層數據結構

  • 頭孔尾孔機制

  • 基礎 UI

  • 結算動畫以及鞋帶換色系統

迭代到第二天的效果

day4~day5 製作第一批關卡

完成機制後,開始先做第一版關卡~

過程中還順便做了一些便捷的關卡編輯工具,不然每次都要新建和關聯一堆孔對象啥的,太麻煩了(

做了一些工具

我拉了個關卡表,進行規劃和記錄,可以在圖裏看到會說明每關的設計意圖,和出現的機制啥的。

關卡設計表

day6 測試

完成後,就迫不及待地找朋友進行測試了!

我直接進行一個一對一視頻會議,直播看他玩

這樣可以清晰看到對方的反應,在哪卡了,什麼機制沒有傳達到位啥的~

進行一個會議

測試確實非常重要,朋友給出了一些建議,也同時覺得做的蠻不錯,開心!繼續推進

day7 肝新關卡

雖然jam已接近尾聲,但我還是想把剩餘做好的機制都儘量展示出來,遂開始爆肝關卡,

遊戲最終版完成了35個關卡!

不過代價就是後面的機制基本都是幾關一個過場,

走馬觀花地出現了,沒有特別深入挖掘。

不過短期gamejam嘛要什麼自行車~

新關卡之一

在選關界面還有個小彩蛋,這是來自羣友的建議:

可以用034的基本元素進行組合來提示關卡編號:

於是我改變了關卡編號的顯示方式:圓 = 25,方塊 = 5,三角形等於1。

我的遊戲關卡由於有30+關,

正好像第31關可以顯示成【圓·方·三角】,也是呼應gamejam規範了hh

選關界面

day7~day8 標題製作,美術和音效打磨

最後兩天,也是時候迭代下游戲的美術了,

我先個遊戲起名並做了一個主界面

這次非常滿意的就是這個和機制貼合的標題動畫設計!

主界面效果

實現邏輯是在場景裏放一堆"孔洞"點,

用 LineRenderer 按順序逐段繪製連線(直線或弧線),形成鞋帶"穿孔"的動畫效果~

幕後

最後還有:

  • 收集並實裝音效和背景音樂(都是在 Freesound網站 找的)

很好用的網站

  • 美術迭代,製作了若干不同配色的鞋子背景預製體,不同關卡輪流出現。以及線條加描邊

“鞋子”們

  • 製作了一個草圖模式,玩家可以在遊戲裏畫草圖推理謎題

草圖模式

下面是一些最終的效果截圖~

總結

這是一次很有趣的gamejam創作挑戰~滿足~

034這個規則要求,確實有倒逼開發者想如何更清晰直觀地傳達機制,而不是通過一堆文字或者強制引導。

我在進行一些遊戲的機制設計過程中,也進行了多次迭代,

主要方向都是怎麼把這個機制變得更加好理解和直接——同時保留深度和其他機制的交互性。

就寫到這裏了!感謝看到這裏,歡迎試玩這個小遊戲哦!

更多遊戲資訊請關註:電玩幫遊戲資訊專區

電玩幫圖文攻略 www.vgover.com