首先，這是一個寫給入門級遊戲開發者的Bitsy引路指南，適合不會任何開發技能，且只想實現簡單功能的新手。如果你還不知道要如何開始創作自己的第一個遊戲，那麼就看下去吧。（Bitsy目前沒有中文，但是大家可以自由的使用翻譯器。）

To break the ice是一個用Bitsy開發的冒險遊戲。在這個昏暗的冬季森林之中，一顆從天而降的星星被凍在湖中，玩家需要找到打破冰面的方法。

試玩鏈接：https://ssssand.itch.io/to-break-the-ice

因為作業要求，我需要獨自開發一個小的遊戲詩歌，考慮到時間成本和學習成本，我沒有像之前那樣選擇一個unity教程進行美術的換皮，而是嘗試了在線開發工具——Bitsy，在體驗過程中，我發現它真的非常適合遊戲新手來入門，無論你是不會編程還是不會畫畫，還是都不會，也可以快速的在一天內就製作出可玩的原型，立刻就能獲得成就感！

更詳細的教程請看葉梓濤老師翻譯的這篇文章https://www.gcores.com/articles/152317，我也是看這篇入門的，接下來的講述可能會有一些內容上的重複，主要講述的是我自己的學習過程和使用感受。

我在創作過程中的Bitsy界面

*多圖預警

1. 為什麼選擇Bitsy

Bitsy是一個完全開源的在線遊戲開發工具，依託在itch.io平臺上，點擊這裡https://itch.io/games/tag-bitsy，就可以看到用Bitsy開發的作品，大家可以先去看看，試玩一下，再決定它是不是你想要的效果，也可以從別人的作品中找到使用Bitsy的靈感。

Bitsy的優點：
完全免費，無需下載，在線使用，自動保存，完全輕量化，對電腦沒有任何要求。對於配置一般的朋友來說這一點肯定是非常重要的。
無需任何開發知識，因為bitsy有一套自己的邏輯，直接查看第一個窗口about界面，就能獲得手把手的入門體驗。開發者本人收集了不同層級的優質教程，我之後會提到的教程基本都在這個文檔中。

窗口展開自定義，大家可以自由開關和拖動自己需要的界面，非常用戶友好，大家可以把它當作一個小玩具。
代碼透明，可以直接點開data窗口進行修改。但並不需要編程技巧，都是簡單直接的大白話，有時候可以讓你的開發速度變快，但不會使用也不會導致開發進行不下去。

可以選擇顯示或者不顯示代碼

純像素繪畫，每一個人物/物品/對象都只佔一個大格，所以沒有美術基礎的人也完全不會有壓力。非常輕易就可以做出動畫效果，因為Bitsy中只有兩幀，大家只要在其中一幀做出改變就自動會變成動畫。同一個畫面只有三種顏色可以使用，我覺得這對於不會畫畫的人來說反而是優點，這樣子就不用思考怎麼搭配了。（如果想用更多的顏色也有辦法，之後會提到）

這是一個非常簡單的星星閃爍的動畫，大家還可以選擇是否為它添加聲音和對白

畫面效果

在Bitsy你甚至可以做音樂，自由度真的是薛定諤的高，它有一些預設的旋律，大家可以通過簡單的畫點線的方式譜曲，改變音色和節奏，不需要樂理知識，你將擁有一首原創的8-bit小曲。

下載下來就是HMLT格式，可以直接上傳itch.io，無壓力實現在線遊玩。這點對我來說真的很重要！很多時候因為遊戲過大沒辦法在線玩我會很難過，因為真正願意下載的人肯定是少數，如果點開就能玩會降低遊玩門檻。

2. Bitsy的侷限

當然，不可能什麼好事兒都讓Bitsy佔了。它有一個最致命的缺點，就是功能上的侷限性，所以大部分的Bitsy遊戲都是遊戲詩歌，注重感受而不注重機制。Bitsy最基礎的功能或者說是唯一的功能就是——切換“房間”。你能控制的是設置條件和“房間”中的互動。大家可以把它想成是一個ppt，我們要考慮的是如何切換下一頁。

構思手稿，先考慮好每個房間會發生什麼

我用到的“房間”的一部分

在這次的開發過程中，10分鐘左右的遊戲體驗，我用到了19個房間來實現。大部分都只用了簡單的功能。

設置切換條件的界面

房間切換：

玩家到達指定象限，自動切換目的地房間到指定位置
玩家切換房間時觸發的對話
玩家切換房間的條件（一會兒會詳細講一下這個最重要的部分）
玩家的Avatar形象是否需要更改（比如這個遊戲中，我用了星星、女孩、魚三種不同的形象，玩家的Avatar本質沒有改變，改變的是在房間間中展示的形象）
切換時是否有動畫效果（類似ppt裡的滑動、漸變之類的）

對象選擇

房間內的交互：首先需要了解，Bitsy中只有四種對象：玩家、組成背景的tile、可交互的對象和可交互的物品。其中tile是一個顏色，其他對象是另一個顏色。

調色盤

所以在考慮交互時我們只需要考慮sprite和item，它們都可以觸發對話、觸發條件，它們兩者的區別在於：sprite是長久存在在這裡的，大家可以把它當作npc（但思維不要侷限在人類，任何不希望消失的對象都可以是sprite）；而item被拾取後就會消失，同樣，思維不必侷限在物品，也可以考慮什麼東西只需要出現一次。比如我安排了幾個空白的item，就只是為了玩家觸碰到它的時候可以顯示對話，而這個對話不需要顯示第二次。

繪製對象

甚至只是為了畫面效果，我希望這個地方是和背景區別的顏色，也可以將它設置成sprite或者item，只要不設置互動即可。比如在這裡其實“鍊金術士”沒有承擔交互作用，玩家是接觸到“火”觸發的對話，但是為了強調他我還是設置成了sprite。

所以，與對象的交互包括：

觸發對話
確實獲得物品，開始計數（顯示在inventory中，通過控制item的數量，我們可以設置條件）
沒有獲得物品，設置計算與sprite相遇的次數，開始計數

最有技術含量的一部分

3. 如何用Bitsy設計較為複雜的交互

首先，請去把這個播單裡的所有視頻看一遍：https://www.youtube.com/playlist?list=PLNE1nfKgKSv7cR7QG7IIu-nEMHiVQsGNM，基本上涵蓋了最常見的進階性問題，就算有的功能不是你想做的，也可以幫助大家擴寬思路。我就是根據他的思路來實現了自己想要的效果。

如何給切換房間設置條件

在To break the ice裡我設置的最複雜的條件就是如何入睡。在遊戲中，當玩家收集全三個物體後，遊戲會進入結束階段，玩家入睡——進入第二天——太陽昇起，所以我需要判斷玩家是否收集全了三個物體，如果沒有，那麼就不能入睡。

我參考了這個視頻的思路：Bitsy: Unlocking a door by collecting ALL items，通過inventory來記錄物品數量，當每個物品數量都=1的時候，則傳送到另一個房間。其實就是一個簡單的“if……else”語句，根據玩家身上物品的數量來做出不同的回應，在Bitsy裡的表現是這樣的：

給出口上鎖

這是一個很笨的辦法，但是確實管用。其實更笨的還在後面呢（。

如何讓同一個房間呈現不同的狀態

大家可以看房間名，這是兩個不同的房間

在遊戲中玩家第一次來到這個房間時他們會和“鍊金術士”發生對話，但是第二次來的時候他已經走了。這個看似非常簡單的變化在Bitsy裡需要轉換思路，為了不把事情變複雜，我乾脆複製了第一個房間，讓他們看上去像是同一個房間，但是玩家從“鍊金術士”那裡出來以後就已經進入了看上去完全一樣卻實際上不同的一條路，確保他們在這條路上來回的時候只會進入到新的房間——鍊金術士不在的那個房間。（聽上去都有點哲學了）

這種複製同一個房間的招數在Bitsy裡經常被用到，這個視頻裡也有介紹：Advanced Bitsy 4 of 9: Requiring different keys, using even more complex branching。

如何加入解謎要素

想不到吧，這麼簡陋的條件還可以解謎

我的靈感來源於這個遊戲：https://sukinapan.itch.io/iro，作者利用了方位來做了一個非常簡單的象限謎題。我認為這個方式非常適合塑造情感氛圍，將故事推向高潮，所以我學了！但是在實操時真的非常不容易，雖然沒有技術限制，只要把其他部分設成“wall”把這個象限設成入口就好了，但是試玩過程中發現，不是所有人都認識東南西北的！所以我反覆修改措辭，最後這個謎題變得不那麼簡潔優雅，但起碼是能用。

4. 終極神器——Bitsy Hacks

hacks的一部分目錄，還有很多

有大佬將大家想要但是Bitsy沒有的功能做成了mod——Bitsy hacks，如果你精通了這個，那你將把Bitsy的潛力開發到極致。有的創作者通過使用hacks把遊戲做成了正統視覺小說的樣子，大家可以在itch.io上看到。

如果你像我一樣沒那麼多時間鑽研hacks，但是又需要其中的一些功能，可以學習這個視頻：Advanced Bitsy 9 of 9: How Bitsy Savior helps with Bitsy hacks，直接通過將遊戲數據複製進插件的方式改寫data，再導出修改後的數據就好了，絕對無痛傻瓜式操作。

好啦，以上就是這次開發過程中的一些心得，非常長的一篇，如果大家覺得這樣的長篇最好分成上下兩篇的話可以留言。

希望大家都能無痛做遊戲！

參考：

譯介丨Claire Morwood：給所有人的 Bitsy 教程(2017) by 葉梓濤
Advanced Bitsy by Rob Duarte