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

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

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

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

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

MarioHTML

項目需要安裝TypeScript和相關依賴

npm install -g typescript

然後運行TSC編譯器來構建JavaScript文件

這裡整理了一波超級好用的IDEA插件，一定有你喜歡的！

目前遊戲一共有8關，就是8個level，每個level都有獨立的文件對應。

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

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

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

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

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