CodeCombat:玩遊戲就能學會程式設計

發表於2014-02-24

CodeCombat是一個通過玩遊戲來學習程式設計的網站,也是GitHub上最大的開源CoffeeScript(一種指令碼語言,類似JavaScript)專案,有上千程式設計師和玩家為其編寫程式、測試遊戲。到目前為止,已經翻譯成17種國外語言。最近,該網站將所有原始碼提交到GitHub上,實現了全面開源。

官方稱,他們網站的任務就是教會人們如何程式設計,遊戲覆蓋程式設計菜鳥到大神各個階段,總共超過9千關。人們不需要任何程式設計知識即可瞭解程式的執行邏輯,並編出實用的程式碼。

sfgnfgn_87bc4ba0582e40658f15375624126281

看起來像是塔防遊戲——《王城保衛戰》,但卻是一款即時戰略遊戲。

s_5eb2dgfbfgdcea4254769b0010a7f4e71b467

每關都會有對話講解如何操作(遺憾沒有中文)

s_808bc566932d4b9280c054519f3f760c

左側是遊戲介面,右側是程式碼介面,通過在右側輸入關鍵語句程式碼,控制左側角色的移動和攻擊等動作。

s_d6f7686b26d44b77857e474ae84b2d47

前幾關非常簡單,幾行“上下左右”和“攻擊”的程式碼即可完成通關。

s_9bb988d85e454a43bbf4362d302f5ef4

每關結束後都有個回顧,告訴你在上一關學到了什麼。

s_19ff127b40264a46bd51869a1f94a375

當輸入錯誤,比如大小寫錯誤,在程式碼下方會提示具體的出錯資訊,玩家可以據此Debug。

s_01443395b4324202926f9be04abfe6d7

第二關中,你要先去右邊吃蘑菇變強,再去擊殺怪物。(點選圖片檢視具體程式碼,其實向右移動一步即可遲到蘑菇,程式碼中是兩步)

s_8a295129a841401fb583662f5b08e001

第三關,在擊殺第一個怪物後,角色的血也不多了,所以要先去下方喝藥瓶。

s_a4d4e1c8714c4d9398ace5f5cdd06a7e

下去喝藥瓶,輸入程式碼按回車,角色就會照做。

s_b5f041e39b234ce19a6b32c4d1e035b1

前N關都是程式設計中最基本的順序語句,隨著關數的提升,像“if…else,then”等判斷、迴圈語句也會逐漸加入,可玩性越來越高。玩家在不知不覺也就具備了程式設計思維。

相關文章