<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta charset="UTF-8" />
<title>HTML5版驴子跳</title>
<meta name="description" content="这是一个基于HTML5 Canvas和Audio开发的游戏,提供源码下载和详细的注释" />
<meta name="keywords" content="Web前端, 前端开发, JavaScript, HTML, Canvas, Audio, HTML5画布, HTML5游戏, HTML5版驴子跳(Donkey Jump)" />
<link type="text/css" rel="stylesheet" href="css/main.css" />
</head>
<body>
<div id="donkeyJump">
<!-- 预备界面 -->
<div id="gameCover" class="block background">
<!-- 声音控制按钮 -->
<a href="javascript:void(0)" id="btnSound" class="icon"> </a>
<!-- 成就 -->
<a href="javascript:void(0)" id="btnCup" class="icon"> </a>
<!-- 排行榜 -->
<a href="javascript:void(0)" id="btnScore" class="icon"> </a>
<!-- 开始 -->
<a href="javascript:void(0)" id="btnPlay" class="icon"> </a>
<!-- 更多 -->
<a href="javascript:void(0)" id="btnMore" class="icon"> </a>
<!-- 分享 -->
<a href="javascript:void(0)" id="btnShare" class="icon"> </a>
<!-- 加载资源 -->
<span id="progressText"></span>
</div>
<!-- 游戏主体 -->
<div id="gameBody" class="block">
<div id="gameCanvas" class="block">
<!-- 天空背景层 -->
<canvas width="480" height="800" id="canvasSkyLayer"></canvas>
<!-- 远景山丘背景层 -->
<canvas width="480" height="800" id="canvasHillLayer"></canvas>
<!-- 近景山丘背景层 -->
<canvas width="480" height="800" id="canvasHillNearLayer"></canvas>
<!-- 房子背景层 -->
<canvas width="480" height="800" id="canvasFloorLayer"></canvas>
<!-- 白云精灵层 -->
<canvas width="480" height="800" id="canvasStairLayer"></canvas>
<!-- 驴子精灵层 -->
<canvas width="480" height="800" id="canvasDonkeyLayer"></canvas>
<!-- 效果精灵层 -->
<canvas width="480" height="800" id="canvasEffectLayer"></canvas>
</div>
<!-- 分数及暂停按钮 -->
<div id="numberAndPause" class="block">
<!-- 分数 -->
<div id="number" class="icon"></div>
<!-- 暂停 -->
<a href="javascript:void(0)" id="btnPause" class="icon"> </a>
</div>
<!-- 预备 -->
<div id="beingReady" class="icon">
</div>
<!-- 开始 -->
<div id="beingGo" class="icon">
</div>
<!-- 暂停面板 -->
<div id="panelResume" class="icon">
<!-- 返回列表 -->
<a href="javascript:void(0)" id="btnResumeExit"> </a>
<!-- 继续游戏 -->
<a href="javascript:void(0)" id="btnResume"> </a>
</div>
</div>
<!-- 游戏结束 -->
<div id="gameOver" class="block background">
<!-- 分享 -->
<a href="javascript:void(0)" id="btnShare2" class="icon"> </a>
<!-- 名字 -->
<span id="name"></span>
<!-- 得分 -->
<span id="score"></span>
<!-- 排行榜 -->
<a href="javascript:void(0)" id="btnScore2" class="icon"> </a>
<!-- 准备 -->
<a href="javascript:void(0)" id="btnRetry" class="icon"> </a>
<!-- 更多 -->
<a href="javascript:void(0)" id="btnMore2" class="icon"> </a>
<!-- 成就 -->
<a href="javascript:void(0)" id="btnCup2" class="icon"> </a>
</div>
</div>
<!-- engine -->
<script type="text/javascript" src="myEngine/core/my.js"></script>
<script type="text/javascript" src="myEngine/component/Component.js"></script>
<script type="text/javascript" src="myEngine/component/DisplayObject.js"></script>
<script type="text/javascript" src="myEngine/component/DisplayObjectContainer.js"></script>
<script type="text/javascript" src="myEngine/component/Bitmap.js"></script>
<script type="text/javascript" src="myEngine/component/Animation.js"></script>
<script type="text/javascript" src="myEngine/component/Sprite.js"></script>
<script type="text/javascript" src="myEngine/component/Viewport.js"></script>
<script type="text/javascript" src="myEngine/component/Layer.js"></script>
<script type="text/javascript" src="myEngine/component/Game.js"></script>
<script type="text/javascript" src="myEngine/event/KeyEvent.js"></script>
<script type="text/javascript" src="myEngine/utils/ImageManager.js"></script>
<script type="text/javascript" src="myEngine/utils/DOM.js"></script>
<script type="text/javascript" src="myEngine/utils/Math.js"></script>
<script type="text/javascript" src="myEngine/utils/buzz.js"></script>
<!-- donkey jump -->
<script type="text/javascript" src="js/resources/images.js"></script>
<script type="text/javascript" src="js/resources/audios.js"></script>
<script type="text/javascript" src="js/frames/prop.js"></script>
<script type="text/javascript" src="js/frames/stair.js"></script>
<script type="text/javascript" src="js/frames/donkey.js"></script>
<script type="text/javascript" src="js/frames/effect.js"></script>
<script type="text/javascript" src="js/classes/Prop.js"></script>
<script type="text/javascript" src="js/classes/Stair.js"></script>
<script type="text/javascript" src="js/classes/Cloud.js"></script>
<script type="text/javascript" src="js/classes/Donkey.js"></script>
<script type="text/javascript" src="js/classes/DonkeyJump.js"></script>
<script type="text/javascript" src="js/classes/UI.js"></script>
<script type="text/javascript" src="js/classes/Audio.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>
驴子跳跳HTML5版源码
版权申诉
121 浏览量
2022-03-18
10:22:38
上传
评论
收藏 8.69MB RAR 举报
驴子跳跳HTML5版源码 （102个子文件） 
main.css 6KB
index.html 6KB
background.jpg 129KB sky.jpg 67KB buzz.js 22KB donkey.js 14KB DonkeyJump.js 13KB Donkey.js 11KB UI.js 7KB AStar.js 4KB Sprite.js 4KB KeyEvent.js 4KB DisplayObjectContainer.js 4KB main.js 4KB DisplayObject.js 4KB Animation.js 4KB Prop.js 4KB my.js 3KB Layer.js 3KB Game.js 3KB images.js 3KB DOM.js 3KB Stair.js 2KB stair.js 2KB audios.js 2KB ScriptManager.js 1KB ImageManager.js 1KB Bitmap.js 1KB Viewport.js 1KB prop.js 1KB Audio.js 1003B Component.js 1000B Cloud.js 698B effect.js 615B Math.js 422B ogg_background.mp3 1.37MB ogg_ufo.mp3 69KB ogg_balloon.mp3 69KB ogg_super.mp3 58KB ogg_die.mp3 55KB ogg_gliding.mp3 46KB ogg_mj.mp3 42KB ogg_321.mp3 41KB ogg_firecrackers.mp3 38KB ogg_spring.mp3 25KB ogg_go.mp3 22KB ogg_jump.mp3 21KB ogg_ufo_pick.mp3 13KB ogg_btn_click.mp3 12KB ogg_gliding_pick.mp3 11KB ogg_super_pick.mp3 11KB ogg_step_broken.mp3 9KB ogg_mj_pick.mp3 9KB ogg_balloon_pick.mp3 6KB
qiqiu.png 725KB UFO.png 554KB icon.png 428KB plan.png 388KB floor.png 357KB hillnear.png 351KB jump.png 328KB hill.png 207KB effect_qiqiu.png 157KB MJ.png 145KB run.png 113KB superjump.png 112KB stair_friable.png 60KB dead.png 54KB stair_moveable.png 17KB daiji.png 12KB props_super.png 10KB stair_stable_02.png 9KB stair_stable_04.png 9KB stair_stable_03.png 9KB stair_stable_05.png 9KB props_gliding01.png 9KB props_ufo.png 8KB props_michael.png 7KB props_balloon.png 7KB stair_stable_01.png 6KB prop_spring03.png 5KB prop_spring01.png 4KB cloud.png 2KB ogg_background.wav 937KB ogg_balloon.wav 509KB ogg_ufo.wav 509KB ogg_super.wav 423KB ogg_die.wav 401KB ogg_gliding.wav 333KB ogg_mj.wav 306KB ogg_321.wav 302KB ogg_firecrackers.wav 279KB ogg_spring.wav 180KB ogg_go.wav 162KB ogg_jump.wav 153KB ogg_ufo_pick.wav 95KB ogg_btn_click.wav 86KB ogg_gliding_pick.wav 81KB ogg_super_pick.wav 77KB ogg_step_broken.wav 68KB共 102 条
- 1
- 2
资源评论
reg183
- 粉丝: 1808
- 资源: 1万+
最新资源
- 基于Apache Spark的Spark DistCP重实现设计源码
- 粤港澳大湾区(黄埔)算法算例大赛-工业表面缺陷检测源码+超详细注释
- 在 KolektorSDD 数据上使用分割决策网络进行表面缺陷检测python源码+文档说明
- 操作系统作业：时间片轮转算法的模拟实现C++源码+文档说明
- 基于改进yolov5的金属曲面缺陷检测，使用pyqt5实习了实时视频检测的功能python源码+文档说明
- 基于Qt及OpenCv设计了一个视觉检测系统，实现了米粒的计数、缺陷分析功能+源码+文档说明+效果图
- 基于STM32F1和TB6612芯片的电机驱动板，可以驱动两个电机正反转，具有比L298N更小的体积源码+文档说明
- 基于Javascript的CNN卷积交互式播放器设计源码
- 基于Layui的树表格（treeGrid）前端设计源码
- 基于Vue框架的Node+Vue茶叶商城设计源码
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
