<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="description" content="这是一个基于HTML5 Canvas和Audio开发的游戏,提供源码下载和详细的注释" />
<meta name="keywords" content="Web前端, 前端开发, JavaScript, HTML, Canvas, Audio, HTML5画布, HTML5游戏, HTML5版驴子跳(Donkey Jump)" />
<title>驴子跳跳小游戏</title>
<link 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>
驴子跳跳小游戏.zip （83个子文件） 
驴子跳跳小游戏 css 
main.css 6KB images background 
sky.jpg 67KB
hill.png 207KB floor.png 357KB hillnear.png 351KB system background.jpg 129KB icon.png 428KB frames donkey superjump.png 112KB effect_qiqiu.png 157KB daiji.png 12KB qiqiu.png 725KB dead.png 54KB UFO.png 554KB run.png 113KB MJ.png 145KB jump.png 328KB plan.png 388KB effect cloud.png 2KB stair stair_stable_05.png 9KB stair_moveable.png 17KB stair_stable_01.png 6KB stair_stable_04.png 9KB stair_stable_02.png 9KB stair_friable.png 60KB stair_stable_03.png 9KB props props_gliding01.png 9KB prop_spring01.png 4KB props_balloon.png 7KB props_super.png 10KB props_michael.png 7KB prop_spring03.png 5KB props_ufo.png 8KB
index.html 5KB js resources images.js 3KB prop.js 1KB audios.js 2KB frames effect.js 612B stair.js 2KB prop.js 1KB donkey.js 14KB classes Donkey.js 11KB UI.js 7KB Stair.js 2KB DonkeyJump.js 13KB Audio.js 1003B Prop.js 4KB Cloud.js 698B main.js 4KB .project 983B myEngine core my.js 3KB component DisplayObjectContainer.js 4KB Game.js 3KB DisplayObject.js 4KB Animation.js 4KB Bitmap.js 1KB Sprite.js 4KB Layer.js 3KB Component.js 1000B Viewport.js 1KB event KeyEvent.js 4KB utils ImageManager.js 1KB Math.js 422B DOM.js 3KB buzz.js 22KB audio ogg_super_pick.wav 77KB ogg_step_broken.wav 68KB ogg_jump.wav 153KB ogg_gliding_pick.wav 81KB ogg_btn_click.wav 86KB ogg_mj.wav 306KB ogg_firecrackers.wav 279KB ogg_gliding.wav 333KB ogg_go.wav 162KB ogg_balloon.wav 509KB ogg_background.wav 937KB ogg_ufo_pick.wav 95KB ogg_mj_pick.wav 63KB ogg_ufo.wav 509KB ogg_321.wav 302KB ogg_spring.wav 180KB ogg_die.wav 401KB ogg_super.wav 423KB ogg_balloon_pick.wav 45KB资源评论
豆皮没有豆
- 粉丝: 363
- 资源: 48
下载权益
C知道特权
VIP文章
课程特权
VIP享7折，此内容立减4.47元 开通VIP
最新资源
- 计算机面试-计算机求职笔试资源
- Fake-Everything-电子硬件毕业设计资源
- Code-Project-计算机毕业设计资源
- os_course_info-电子硬件课后习题资源
- (源码)基于Python的静态页面文件存储系统.zip
- exercises_answers-计算机课后习题资源
- WND86-Piano-电子硬件课程设计资源
- CNote-计算机二级资源
- (源码)基于Python的微信智能聊天机器人.zip
- interview-软考-网络工程师资源
- (源码)基于C语言的简单32位操作系统.zip
- 软件测试test06和软件测试test07-软件测试资源
- 算法部署-使用Python+Onnx部署SAM2图像分割算法-附项目源码+流程教程-优质项目实战.zip
- (源码)基于Arduino的WiFi控制汽车项目.zip
- (源码)基于Node.js的树莓派蓝牙HID设备交互系统.zip
- (源码)基于C++和HALDriver的移动机器人库.zip
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
