H5小游戏-超级马里奥

简介

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

在线体验

仅供演示使用地址

代码获取

源码地址

部署

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

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

学习价值

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

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

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

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

相关推荐
To_OC7 小时前
别再串行写 await 了,Promise.all 才是并行请求的正确打开方式
前端·javascript·promise
To_OC8 小时前
LC 17 电话号码的字母组合:我的回溯算法,就是从这道题开窍的
javascript·算法·leetcode
你怎么知道我是队长10 小时前
JavaScript的变量和数据类型介绍
开发语言·javascript·ecmascript
名字还没想好☜11 小时前
Next.js 中间件实战:鉴权、重定向与 A/B 分流
开发语言·前端·javascript·中间件·react·next.js
广州灵眸科技有限公司11 小时前
瑞芯微RV1126B开发板(EASY-EAI-PI2) INI文件操作
java·前端·javascript·网络·人工智能
心中有国也有家12 小时前
AtomGit Flutter 鸿蒙客户端:ModalBottomSheet 实战
android·javascript·学习·flutter·华为·harmonyos
kaiking_g12 小时前
vue项目中,静态导入 vs 动态导入 详解
前端·javascript·vue.js
仙人球部落14 小时前
-python-LangGraph框架(3-31-LangGraph 「合并式状态管理」的原理与实践)
开发语言·javascript·python
sunfdf15 小时前
Next.js 新手从零部署到首跑实战指南
开发语言·javascript·ecmascript
SmartBoyW15 小时前
前端死磕:一文彻底搞懂 JS 事件循环 (Event Loop) 与宏微任务
前端·javascript