<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta charset="UTF-8" />
<title>HTML5版驴子跳(Donkey Jump) - 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>
驴子跳跳游戏源码，拿去可以直接用 （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 616B 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
资源评论
Hyacinu
- 粉丝: 15
- 资源: 13
最新资源
- YOLOv8完整网络结构图详细visio
- LCD1602电子时钟程序
- 西北太平洋热带气旋【灾害风险统计】及【登陆我国次数评估】数据集-1980-2023
- 全球干旱数据集【自校准帕尔默干旱程度指数scPDSI】-190101-202312-0.5x0.5
- 基于Python实现的VAE（变分自编码器）训练算法源代码+使用说明
- 全球干旱数据集【标准化降水蒸发指数SPEI-12】-190101-202312-0.5x0.5
- C语言小游戏-五子棋-详细代码可运行
- 全球干旱数据集【标准化降水蒸发指数SPEI-03】-190101-202312-0.5x0.5
- spring boot aop记录修改前后的值demo
- 全球干旱数据集【标准化降水蒸发指数SPEI-01】-190101-202312-0.5x0.5
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
