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

说起全球最有吸金能力的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的小伙伴,赶快!
开源地址:https://github.com/nbarkhina/...
欢迎关注我的公众号:程序猿DD,分享其他地方看不到的知识与思考

    推荐阅读