来学习开发一个网页版马里奥小游戏吧

来学习开发一个网页版马里奥小游戏吧

说起全球最有吸金能力的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,分享外面看不到的干货与思考!