在线版的超级马里奥 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上下载大神的

相关推荐
多看书少吃饭6 分钟前
从 ScriptProcessor 到 AudioWorklet:Electron 桌面端录音实践总结
前端·javascript·electron
user714226596457811 分钟前
react中useMemo和useCallback的使用场景
前端
JS_GGbond14 分钟前
前端水印实战:给你的页面穿上“隐形盔甲”
前端
Sthenia18 分钟前
如何用 Chrome DevTools 定位 Long Task:一份从零到实战的排查笔记
前端·性能优化
用户222645989434130 分钟前
CSS单位全解析:从像素到视口的响应式设计
前端
Mapmost31 分钟前
【实景三维】还再为渲染发愁?手把手教你大场景如何实现“精细”与“流畅”平衡!
前端
钱多多81032 分钟前
Vue版本降级操作指南(解决依赖冲突与版本不一致问题)
前端·javascript·vue.js·前端框架
San3035 分钟前
深度解析 React 组件化开发:从 Props 通信到样式管理的进阶指南
前端·javascript·react.js
AAA阿giao35 分钟前
深度解析 React 项目架构:从文件结构到核心 API 的全面拆解
前端·javascript·react.js
LYFlied42 分钟前
Vue3虚拟DOM更新机制源码深度解析
前端·算法·面试·vue·源码解读