建站
咨詢
售后
建站咨詢
新聞中心
譯者 | 陳峻
發(fā)展壯大離不開廣大客戶長(zhǎng)期以來的信賴與支持，我們將始終秉承“誠(chéng)信為本、服務(wù)至上”的服務(wù)理念，堅(jiān)持“二合一”的優(yōu)良服務(wù)模式，真誠(chéng)服務(wù)每家企業(yè)，認(rèn)真做好每個(gè)細(xì)節(jié)，不斷完善自我，成就企業(yè)，實(shí)現(xiàn)共贏。行業(yè)涉及成都假山制作等，在網(wǎng)站建設(shè)、成都營(yíng)銷網(wǎng)站建設(shè)、WAP手機(jī)網(wǎng)站、VI設(shè)計(jì)、軟件開發(fā)等項(xiàng)目上具有豐富的設(shè)計(jì)經(jīng)驗(yàn)。
審校 | 孫淑娟
目前，在企業(yè)與客戶（B2C）領(lǐng)域，無論是Web應(yīng)用還是內(nèi)部軟件，通常可以被分為：發(fā)布、搜索、執(zhí)行和對(duì)話四種類型。本文著眼于第五種類別：個(gè)人娛樂類。我將和您逐步探索一個(gè)開源式的HTML5益智游戲的開發(fā)過程和平臺(tái)。
若干年前，著名的游戲制作人Stephen Lavelle為Increpare公司開發(fā)了Puzzlescript工具。它是專門針對(duì)推箱子式游戲，來制定游戲規(guī)則的腳本和平臺(tái)。當(dāng)然，此類推箱子式游戲，可能對(duì)您說過于原始，我們完全可以使用其Puzzlescript庫(kù)開發(fā)出屬于自己的各種有趣的變體小游戲。
1.定義游戲的規(guī)則、級(jí)別和塊
讓我們首先從創(chuàng)作者的角度來審視Puzzlescript平臺(tái)：所有游戲都可以被分為不同的級(jí)別。玩家角色可以使用箭頭鍵，或“W”、“A”、“S”和“Z”鍵來移動(dòng)和操作。任何級(jí)別的關(guān)卡都是由像素較差的塊對(duì)象所組成。這些對(duì)象的排列方式會(huì)逐漸變得復(fù)雜，并形成阻止您獲勝的障礙。在原版的推箱子游戲中，可被推動(dòng)的物體包括：墻壁、板條箱、以及帶有圓點(diǎn)的地板。您只有完成一個(gè)關(guān)卡，才能進(jìn)入下一個(gè)關(guān)卡。
有了前面的基礎(chǔ)，咱們來討論一下如何定義自己的游戲規(guī)則，設(shè)計(jì)關(guān)卡，繪制組件，以及使用Puzzlescript腳本來編寫游戲代碼。
首先，我們可以設(shè)定如下規(guī)則：如果玩家向某個(gè)板條箱移動(dòng)，那么該板條箱本身也應(yīng)朝著相同的方向移動(dòng)：
[> Player | Crate] -> [> Player | > Crate]
這代表了推箱子中的標(biāo)準(zhǔn)交互邏輯。程序代碼可以將其解讀為“將左側(cè)的模式（玩家移動(dòng)到帶有固定板條箱的正方形處）替換為右側(cè)（玩家移動(dòng)到正方形，板條箱移動(dòng)到下一個(gè)正方形）”。在準(zhǔn)備解讀的過程中，您需要考慮游戲引擎如何去檢查那些即將發(fā)生的動(dòng)作，進(jìn)而重新繪制游戲。如果您是一名Z時(shí)代的益智游戲玩家的話，可以參考“Baba is You”這款熱門游戲的基本邏輯。
下面讓我們?cè)敿?xì)討論一個(gè)名為Manic Ammo的特殊Puzzlescript游戲的代碼。該游戲基于某人被困在彈藥掩體中的故事背景。當(dāng)您點(diǎn)擊底部的“hack”鏈接后，便可以看到屏幕被分成了三個(gè)窗口。
右上角的窗口允許您按照當(dāng)前編譯的方式運(yùn)行游戲。因此，如果您單擊它，并按下空格鍵，游戲會(huì)在此窗口中進(jìn)行。而我們更感興趣的是位于左側(cè)的源代碼窗口。您可以看到“對(duì)象”標(biāo)題，以及下方一長(zhǎng)串格式化的數(shù)據(jù)。它表示的是游戲?qū)⒁?×5的方塊的視覺效果予以呈現(xiàn)。而且，其基本顏色由帶有數(shù)字代碼所定義。
例如，下圖中的“玩家”角色便是由黑色和粉紅色的頭部所組成，其腹部為黃色。
上述清單的其余部分按照不同的標(biāo)題被區(qū)別開來，其中的“規(guī)則”部分就包含了您較為熟悉的Puzzlescript代碼：
=====
RULES
=====
[Bang] -> [background]
[boom] -> restart
[> player][Droid] -> [> player][> Droid]
[> Player | Shell] -> [> Player | > Shell]
[> Droid | Shell] -> [> Droid | > Shell]
由上述代碼可知，玩家可以像我們前面的例子那樣，以推箱子的方式，去推動(dòng)某個(gè)掩體。
通過這樣的快速訪問方式，其他游戲開發(fā)者能夠通過對(duì)現(xiàn)有代碼的增、刪、調(diào)整，來迅速構(gòu)建自己的游戲。例如，您可以通過在上述規(guī)則下，添加一行代碼，來修改游戲的規(guī)則，并觸發(fā)游戲并從頭開始構(gòu)建：
[> Player | target] -> [target | > Player]
可見，“Winconditions”是完成一個(gè)關(guān)卡所需要滿足的單一規(guī)則。值得一提的是，黑客也可以運(yùn)用上述方式，去破壞現(xiàn)有的游戲邏輯與運(yùn)行。
==============
WINCONDITIONS
==============
All Player on Target
當(dāng)然，這也是一種參與應(yīng)用程序修改的直接方式。游戲開發(fā)者完全可以將應(yīng)用代碼上傳到GitHub處，然后要求其他開發(fā)者將其克隆到本地運(yùn)行，以避免Web狀態(tài)對(duì)于游戲體驗(yàn)帶來的實(shí)際影響。從理論上說，這是一種“低摩擦”的參與方法（例如：通過添加代碼行，來查看同一個(gè)頁(yè)面上發(fā)生的變化）將有助于將參與者逐步通過實(shí)際代碼的調(diào)試，來提高游戲編程的水平，并最終成為全棧式游戲創(chuàng)造者。
2.Puzzlescript平臺(tái)
使用Puzzlescript編寫小游戲無疑是對(duì)開發(fā)和設(shè)計(jì)技能的一項(xiàng)很好的測(cè)試。當(dāng)您在公司的實(shí)際項(xiàng)目中開發(fā)和支持某些應(yīng)用或工具時(shí)，您可能會(huì)注意到這樣一種實(shí)踐邏輯：某個(gè)工具或應(yīng)用只有擁有了專業(yè)的社區(qū)和廣泛的用戶，才能得到蓬勃的發(fā)展與迭代。Puzzlescript同樣適用這個(gè)道理。經(jīng)歷了十來年的發(fā)展，Puzzlescript已經(jīng)擁有了成熟的論壇，以及一大批忠實(shí)的擁護(hù)者，其中不乏內(nèi)容創(chuàng)作者、設(shè)計(jì)師、黑客、玩家、維護(hù)者、以及策展人。就連Stephen本人也在持續(xù)對(duì)該平臺(tái)進(jìn)行補(bǔ)充與開發(fā)。
下面，我來看看如何在該平臺(tái)上搜索和運(yùn)行游戲。在展覽庫(kù)頁(yè)面上，您可以通過游戲的名稱或作者姓名來進(jìn)行搜索。如果您比較熟悉該平臺(tái)的話，也可以使用其他一些標(biāo)簽元數(shù)據(jù)。由于每個(gè)游戲都可以被表示為一個(gè)鏈接，因此其他網(wǎng)站可以根據(jù)自己的展示意愿，通過使用URL，進(jìn)行有效的游戲策劃。例如Philschatz網(wǎng)站便是按照游戲的大小和挑戰(zhàn)難度來進(jìn)行分類的。實(shí)際上，平臺(tái)的所有當(dāng)前游戲列表都會(huì)被保存在一個(gè)json文件中，便于您導(dǎo)出自己的索引，或是托管到itch.io之類的平臺(tái)上。
3.小結(jié)
通過上文討論，我們了解了什么是Puzzlescript，推箱子類游戲的基本原理，以及如何定義相關(guān)規(guī)則。同時(shí)，我們也討論了用戶該如何創(chuàng)建自己的游戲，如何修改他人的作品，以及如何通過論壇與其他開發(fā)者、乃至某個(gè)游戲的作者直接進(jìn)行溝通與交流。鑒于該平臺(tái)本身構(gòu)建在開源的Github上，您何不自行設(shè)計(jì)一款小型游戲，來練習(xí)一下自己的全棧平臺(tái)開發(fā)能力呢？
原文鏈接：https://thenewstack.io/puzzlescript-a-devs-guide-to-an-html5-puzzle-game-engine/
譯者介紹：
陳峻 （Julian Chen），社區(qū)編輯，具有十多年的IT項(xiàng)目實(shí)施經(jīng)驗(yàn)，善于對(duì)內(nèi)外部資源與風(fēng)險(xiǎn)實(shí)施控，專注傳播網(wǎng)絡(luò)與信息安全知識(shí)與經(jīng)驗(yàn)。
當(dāng)前名稱：Puzzlescript，一種開發(fā)H5益智游戲的引擎
本文路徑：http://www.5511xx.com/article/dhhcdep.html
