在线版的超级马里奥 Super Mario HTML5

原本是在csdn资源找个代码学习的,无奈下载了几份都是垃圾代码(下载了几份都是)

废话不多说,直接上干活。代码、音效、图片、样式都包含

html 复制代码
<!doctype html>
<html>
<head>
<meta charset=utf-8 />
<title>Super Mario HTML5 Test</title>
<link href="Content/style.css" rel="stylesheet" />
</head>
<body>
<div id="game">
<div id="world">
</div>
<div id="coinNumber" class="gauge">0</div>
<div id="coin" class="gaugeSprite"></div>
<div id="liveNumber" class="gauge">0</div>
<div id="live" class="gaugeSprite"></div>
</div>
<script>window.jQuery || document.write('<script src="Scripts/jquery.js"><\/script>')</script>
<script src="Scripts/testlevels.js"></script>
<script src="Scripts/oop.js"></script>
<script src="Scripts/keys.js"></script>
<script src="Scripts/constants.js"></script>
<script src="Scripts/sounds.js"></script>
<script src="Scripts/main.js"></script>
<!-- Game Musik -->
<audio id="GameMusic" preload="auto" autoplay loop>
    <source src="audio/Overworld.ogg" type="audio/ogg" />
</audio>
</body>
</html>

代码下载链接:https://download.csdn.net/download/mawendong/89053157

代码也是从Github上下载大神的

相关推荐
我真是泰库辣几秒前
用TraeWork制作应用 —— 从 0 到 1 · 手把手搭建 opencode 网页对话网关
前端·后端
RobinDevNotes10 分钟前
轻量级动画引擎Anime.js迎来V4大版本更新
开发语言·前端·javascript·ecmascript·动画·c4前端
渣波15 分钟前
React 性能优化实战:从 memo 到 Hooks 的底层原理与进阶封装
前端·javascript
触底反弹15 分钟前
别再 Prop Drilling 了!一文彻底搞懂 React 组件通信的 5 种方案
前端·javascript·react.js
玉宇夕落15 分钟前
受控与非受控组件以及一些表单的简单业务逻辑的理解
前端
两只羊ovo15 分钟前
listToTree 速通:一维数组怎么变出多级菜单?Map 和 reduce 两种全解
前端·javascript
何时梦醒17 分钟前
React 进阶必修:彻底搞懂受控组件与非受控组件
前端·javascript·react.js
无糖可可果20 分钟前
React 性能优化利器:深入理解 `useCallback`、`useMemo` 与 `React.memo`
前端
Yoram24 分钟前
JavaScript 错误处理的一种整理与实践
前端
你听得到1127 分钟前
排查 App 问题:别只盯着报错,把前后发生的事情串起来
android·前端·flutter