Puzzlescript，一種開發H5益智遊戲的引擎

​譯者 | 陳峻

審校 | 孫淑娟

目前，在企業與客户（B2C）領域，無論是Web應用還是內部軟件，通常可以被分為：發佈、搜索、執行和對話四種類型。本文着眼於第五種類別：個人娛樂類。我將和您逐步探索一個開源式的HTML5益智遊戲的開發過程和平台。

若干年前，著名的遊戲製作人Stephen Lavelle為Increpare公司開發了Puzzlescript工具。它是專門針對推箱子式遊戲，來制定遊戲規則的腳本和平台。當然，此類推箱子式遊戲，可能對您説過於原始，我們完全可以使用其Puzzlescript庫開發出屬於自己的各種有趣的變體小遊戲。

1.定義遊戲的規則、級別和塊

讓我們首先從創作者的角度來審視Puzzlescript平台：所有遊戲都可以被分為不同的級別。玩家角色可以使用箭頭鍵，或“W”、“A”、“S”和“Z”鍵來移動和操作。任何級別的關卡都是由像素較差的塊對象所組成。這些對象的排列方式會逐漸變得複雜，並形成阻止您獲勝的障礙。在原版的推箱子游戲中，可被推動的物體包括：牆壁、板條箱、以及帶有圓點的地板。您只有完成一個關卡，才能進入下一個關卡。

有了前面的基礎，咱們來討論一下如何定義自己的遊戲規則，設計關卡，繪製組件，以及使用Puzzlescript腳本來編寫遊戲代碼。

首先，我們可以設定如下規則：如果玩家向某個板條箱移動，那麼該板條箱本身也應朝着相同的方向移動：

[> Player | Crate] -> [> Player | > Crate]

這代表了推箱子中的標準交互邏輯。程序代碼可以將其解讀為“將左側的模式（玩家移動到帶有固定板條箱的正方形處）替換為右側（玩家移動到正方形，板條箱移動到下一個正方形）”。在準備解讀的過程中，您需要考慮遊戲引擎如何去檢查那些即將發生的動作，進而重新繪製遊戲。如果您是一名Z時代的益智遊戲玩家的話，可以參考“Baba is You”這款熱門遊戲的基本邏輯。

下面讓我們詳細討論一個名為Manic Ammo的特殊Puzzlescript遊戲的代碼。該遊戲基於某人被困在彈藥掩體中的故事背景。當您點擊底部的“hack”鏈接後，便可以看到屏幕被分成了三個窗口。

右上角的窗口允許您按照當前編譯的方式運行遊戲。因此，如果您單擊它，並按下空格鍵，遊戲會在此窗口中進行。而我們更感興趣的是位於左側的源代碼窗口。您可以看到“對象”標題，以及下方一長串格式化的數據。它表示的是遊戲將以5×5的方塊的視覺效果予以呈現。而且，其基本顏色由帶有數字代碼所定義。

例如，下圖中的“玩家”角色便是由黑色和粉紅色的頭部所組成，其腹部為黃色。

上述清單的其餘部分按照不同的標題被區別開來，其中的“規則”部分就包含了您較為熟悉的Puzzlescript代碼：

=====
RULES
=====
[Bang] -> [background]
[boom] -> restart
[> player][Droid] -> [> player][> Droid]
[> Player | Shell] -> [> Player | > Shell]
[> Droid | Shell] -> [> Droid | > Shell]

由上述代碼可知，玩家可以像我們前面的例子那樣，以推箱子的方式，去推動某個掩體。

通過這樣的快速訪問方式，其他遊戲開發者能夠通過對現有代碼的增、刪、調整，來迅速構建自己的遊戲。例如，您可以通過在上述規則下，添加一行代碼，來修改遊戲的規則，並觸發遊戲並從頭開始構建：

[> Player | target] -> [target | > Player]

可見，“Winconditions”是完成一個關卡所需要滿足的單一規則。值得一提的是，黑客也可以運用上述方式，去破壞現有的遊戲邏輯與運行。

==============
WINCONDITIONS
==============
All Player on Target

當然，這也是一種參與應用程序修改的直接方式。遊戲開發者完全可以將應用代碼上傳到GitHub處，然後要求其他開發者將其克隆到本地運行，以避免Web狀態對於遊戲體驗帶來的實際影響。從理論上説，這是一種“低摩擦”的參與方法（例如：通過添加代碼行，來查看同一個頁面上發生的變化）將有助於將參與者逐步通過實際代碼的調試，來提高遊戲編程的水平，並最終成為全棧式遊戲創造者。

2.Puzzlescript平台

使用Puzzlescript編寫小遊戲無疑是對開發和設計技能的一項很好的測試。當您在公司的實際項目中開發和支持某些應用或工具時，您可能會注意到這樣一種實踐邏輯：某個工具或應用只有擁有了專業的社區和廣泛的用户，才能得到蓬勃的發展與迭代。Puzzlescript同樣適用這個道理。經歷了十來年的發展，Puzzlescript已經擁有了成熟的論壇，以及一大批忠實的擁護者，其中不乏內容創作者、設計師、黑客、玩家、維護者、以及策展人。就連Stephen本人也在持續對該平台進行補充與開發。

下面，我來看看如何在該平台上搜索和運行遊戲。在展覽庫頁面上，您可以通過遊戲的名稱或作者姓名來進行搜索。如果您比較熟悉該平台的話，也可以使用其他一些標籤元數據。由於每個遊戲都可以被表示為一個鏈接，因此其他網站可以根據自己的展示意願，通過使用URL，進行有效的遊戲策劃。例如Philschatz網站便是按照遊戲的大小和挑戰難度來進行分類的。實際上，平台的所有當前遊戲列表都會被保存在一個json文件中，便於您導出自己的索引，或是託管到itch.io之類的平台上。

3.小結

通過上文討論，我們瞭解了什麼是Puzzlescript，推箱子類遊戲的基本原理，以及如何定義相關規則。同時，我們也討論了用户該如何創建自己的遊戲，如何修改他人的作品，以及如何通過論壇與其他開發者、乃至某個遊戲的作者直接進行溝通與交流。鑑於該平台本身構建在開源的Github上，您何不自行設計一款小型遊戲，來練習一下自己的全棧平台開發能力呢？

原文鏈接：http://thenewstack.io/puzzlescript-a-devs-guide-to-an-html5-puzzle-game-engine/

陳峻 （Julian Chen），51CTO社區編輯，具有十多年的IT項目實施經驗，善於對內外部資源與風險實施控，專注傳播網絡與信息安全知識與經驗。​