<!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
最新资源
- Keil C51 插件 检测所有if语句
- 各种排序算法java实现的源代码.zip
- 金山PDF教育版编辑器
- 基于springboot+element的校园服务平台源代码项目包含全套技术资料.zip
- 自动化应用驱动的容器弹性管理平台解决方案
- 各种排序算法 Python 实现的源代码
- BlurAdmin 是一款使用 AngularJs + Bootstrap实现的单页管理端模版，视觉冲击极强的管理后台，各种动画效果
- 基于JSP+Servlet的网上书店系统源代码项目包含全套技术资料.zip
- GGJGJGJGGDGGDGG
- 基于SpringBoot的毕业设计选题系统源代码项目包含全套技术资料.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
