H5小游戏-超级马里奥

简介

这个项目采用html,js,css技术重写经典红白机游戏《超级马里奥》，在完美复刻原版32个关卡的基础上，增加了关卡自由选择，十多种自定义模式的新玩法。

在线体验

仅供演示使用地址

代码获取

源码地址

部署

1. 直接使用
   下载源码后，双击打开Index.html即可。
2. 打包
   node 版本要求14+

npm install -g grunt-cli
grunt

打包产生的dist文件夹可用于部署在自己的网站上

学习价值

游戏开发入门：了解基础游戏开发流程
Canvas实战：掌握Canvas游戏开发技巧
代码架构：前端项目组织方式
算法应用：碰撞检测、物理引擎等算法实现