來學習開發一個網頁版馬里奧小遊戲吧

程式猿DD發表於2021-12-16

說起全球最有吸金能力的IP,大家會想到什麼呢?是漫威?是哈利波特?還是王者榮耀(笑)?

其實很多印象都是主觀的,根據Wikimili從上市公司財務資料、全球第三方權威資料統計平臺等多方面彙總出來的資料,我們可以看到,目前全球最最吸金的IP,可是寶可夢喲!

file

整整1000億美元,不過我們今天要說的主角可不是寶可夢,TJ君今天想跟大家分享的是榜單上的第9名,力壓哈利波特一頭的,super mario,馬里奧大叔~

畢竟,對於80後的TJ君來說,馬里奧大叔就是童年FC的美好回憶,所以今天要和大家分享的就是一款完全由TypeScript完成的馬里奧線上開源小遊戲!

MarioHTML

file

專案需要安裝TypeScript和相關依賴

npm install -g typescript

然後執行TSC編譯器來構建JavaScript檔案

這裡整理了一波超級好用的IDEA外掛,一定有你喜歡的!

目前遊戲一共有8關,就是8個level,每個level都有獨立的檔案對應。

file

整體來說,MarioHTML對於原作的還原還是蠻高的。

像水管、岩漿、小怪、金幣、烏龜、庫巴,以及最後的公主都有,操作還是傳統的上下左右跑跳~

file

file

file

file

不過要提一點,最後的公主有點。。。嗯。。。大家還是自己體驗吧。TJ君可是死了無數次才看到了公主~

想試下這款小遊戲對馬里奧致敬或者學習下TypeScript的小夥伴,趕快!

開源地址:https://github.com/nbarkhina/MarioHTML

歡迎關注我的公眾號:程式猿DD,分享外面看不到的乾貨與思考!

相關文章