H5小游戏-超级马里奥

简介

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

在线体验

仅供演示使用地址

代码获取

源码地址

部署

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

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

学习价值

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

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

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

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

相关推荐
Aevget1 天前
界面控件DevExpress JS & ASP.NET Core v25.2新版亮点 - AI驱动扩展功能升级
javascript·asp.net·界面控件·devexpress·ui开发
SuperEugene1 天前
Vue3 + Vue Router + Pinia 路由守卫规范:beforeEach 应做 / 不应做,避死循环、防重复请求|状态管理与路由规范篇
开发语言·前端·javascript·vue.js·前端框架
Greg_Zhong1 天前
Css知识之伪类和伪元素
前端·css
东东__net1 天前
js逆向与谷歌加密库
开发语言·前端·javascript
m0_502724951 天前
腾讯地图tlbs-multi-marker动态更新marker图标
前端·javascript·vue.js·地图
Alan Lu Pop1 天前
React 表单提交关键词意外触发刷新
前端·javascript·react.js
这儿有一堆花1 天前
从技术标准到营销概念:深度解析 HTML5 与 H5 的演变与区别
前端·html·html5
我命由我123451 天前
React - 创建 React 项目、React 项目结构、React 简单案例、TodoList 案例
前端·javascript·react.js·前端框架·ecmascript·html5·js
SuperEugene1 天前
Vue3 Pinia 状态管理规范:何时用 Pinia 何时用本地状态|状态管理与路由规范篇
开发语言·前端·javascript·vue.js·前端框架
Moment1 天前
TypeScript 要换芯了,6.0 竟是旧编译器的最后一舞
前端·javascript·github