H5小游戏-超级马里奥

简介

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

在线体验

仅供演示使用地址

代码获取

源码地址

部署

  1. 直接使用
    下载源码后,双击打开Index.html即可。
  2. 打包
    node 版本要求14+
git 复制代码
npm install -g grunt-cli
grunt

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

学习价值

游戏开发入门:了解基础游戏开发流程

Canvas实战:掌握Canvas游戏开发技巧

代码架构:前端项目组织方式

算法应用:碰撞检测、物理引擎等算法实现

相关推荐
掘金挖土15 小时前
手摸手快速搭建 Vue3 + ElementPlus 后台管理系统模板,使用 JavaScript
前端·javascript
CoderHing15 小时前
告别 try/catch 地狱:用三元组重新定义 JavaScript 错误处理
前端·javascript·react.js
哆啦A梦158815 小时前
商城后台管理系统 01 Vue-i18n国际化
前端·javascript·vue.js
期待のcode15 小时前
Vue的安装创建与运行
前端·javascript·vue.js
至善迎风16 小时前
Bun:下一代 JavaScript 运行时与工具链
开发语言·javascript·ecmascript·bun
DJ斯特拉16 小时前
Vue工程化
前端·javascript·vue.js
LinDon_16 小时前
【vue2form表单中的动态表单校验】
前端·javascript·vue.js
一水鉴天16 小时前
整体设计 之28 整体设计 架构表表述总表的 完整程序(之27 的Q268 )(codebuddy)
java·前端·javascript
DsirNg16 小时前
使用 SSE 单向推送实现 系统通知功能
前端·javascript