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

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

posted @   程序猿DD  阅读(547)  评论(0编辑  收藏  举报
编辑推荐:
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
阅读排行:
· TypeScript + Deepseek 打造卜卦网站:技术与玄学的结合
· Manus的开源复刻OpenManus初探
· 写一个简单的SQL生成工具
· AI 智能体引爆开源社区「GitHub 热点速览」
· C#/.NET/.NET Core技术前沿周刊 | 第 29 期(2025年3.1-3.9)
点击右上角即可分享
微信分享提示