来学习开发一个网页版马里奥小游戏吧
说起全球最有吸金能力的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/MarioHTML
欢迎关注我的公众号:程序猿DD,分享外面看不到的干货与思考!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 从 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)