<!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="HTML5,Canvas,HTML5游戏, HTML5版打地鼠" />
<link type="text/css" rel="stylesheet" href="css/main.css" />
</head>
<body>
<div id="hitmouse">
<!-- 预备界面 -->
<div id="gameCover" class="block background">
<!-- 声音控制按钮 -->
<a href="javascript:void(0)" id="btnSound" class="icon"> </a>
<!-- 开始 -->
<a href="javascript:void(0)" id="btnPlay" class="icon"> </a>
<!-- 帮助 -->
<a href="javascript:void(0)" id="btnHelp" class="icon"> </a>
<!-- 关于我 -->
<a href="javascript:void(0)" id="btnAboutMe" class="icon"> </a>
<!-- 加载资源 -->
<span id="progressText"></span>
</div>
<!-- 帮助界面 -->
<div id="HelpDiv" >
<!-- 帮助图片 -->
<img src="images/help.png"/>
<a href="javascript:void(0)" id="btnBack" class="icon"> </a>
</div>
<!-- 游戏主体 -->
<div id="gameBody" class="block">
<div id="gameCanvas" class="block">
<!-- Main背景层 -->
<canvas width="750" height="550" id="maincanvas" ></canvas>
</div>
<!-- 分数及暂停按钮 -->
<div id="numberAndPause" class="block">
<!-- 分数 -->
<div id="numberBefore" class="icon"></div>
<div id="number" ></div>
<!-- 暂停 -->
<a href="javascript:void(0)" id="btnPause" class="icon"> </a>
</div>
<!-- 下一关提示 -->
<div id="nextLoding">
<!-- 分数 -->
<span id="currentScore"></span>
<spqn id="requireScore" ></span>
</div>
</div>
<!-- 游戏结束 -->
<div id="gameOver" class="block">
<!-- 得分 -->
<span id="score"></span>
<!-- 准备 -->
<a href="javascript:void(0)" id="btnRetry" class="icon"> </a>
<!-- 返回主菜单 -->
<a href="javascript:void(0)" id="btnBackToMenu" class="icon"> </a>
</div>
</div>
<!--我使用这个框架的代码并不多，主要是工具类使用-->
<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/Bitmap.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>
<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/mouse.js"></script>
<script type="text/javascript" src="js/frames/star.js"></script>
<script type="text/javascript" src="js/frames/score.js"></script>
<script type="text/javascript" src="js/classes/Audio.js"></script>
<script type="text/javascript" src="js/classes/Animation.js"></script>
<script type="text/javascript" src="js/classes/star.js"></script>
<script type="text/javascript" src="js/classes/score.js"></script>
<script type="text/javascript" src="js/classes/hammer.js"></script>
<script type="text/javascript" src="js/classes/mouse.js"></script>
<script type="text/javascript" src="js/classes/MouseHit.js"></script>
<script type="text/javascript" src="js/classes/UI.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</body>
</html>
【前端素材】小游戏-061- 打地鼠.zip
版权申诉
33 浏览量
2024-04-06
16:14:12
上传
评论 1
收藏 2.83MB ZIP 举报
【前端素材】小游戏-061- 打地鼠.zip （50个子文件） 
061- 打地鼠 js classes 
Audio.js 1009B UI.js 9KB score.js 795B MouseHit.js 11KB Animation.js 2KB hammer.js 905B star.js 818B mouse.js 2KB frames score.js 682B star.js 917B mouse.js 1KB resources images.js 495B audios.js 517B main.js 3KB audio second_music.ogg 6KB over_music.ogg 17KB begin_music.ogg 7KB game_pass.ogg 31KB no_hit.ogg 7KB game_music.ogg 214KB css main.css 5KB myEngine utils AStar.js 4KB buzz.js 22KB ImageManager.js 1KB Math.js 422B ScriptManager.js 1KB DOM.js 3KB event KeyEvent.js 4KB component Sprite.js 4KB Viewport.js 1KB Animation.js 4KB DisplayObject.js 4KB Game.js 3KB Layer.js 3KB DisplayObjectContainer.js 4KB Bitmap.js 1KB Component.js 1000B core my.js 3KB
index.html 4KB images 
time_roller.png 19KB bg_hole.png 82KB hammer.png 10KB mouse.png 403KB bg_canvas.png 460KB help.png 221KB next.png 117KB set_board.png 515KB bg_gameover.png 470KB star.png 39KB icon.png 250KB资源评论
枫蜜柚子茶
- 粉丝: 6184
- 资源: 4168
最新资源
- Picasso_v3.1 2.ipa
- chromedriver-mac-arm64.zip
- 蓝zapro.apk
- chromedriver-linux64.zip
- UCAS研一深度学习实验-MNIST手写数字识别python源码+详细注释(高分项目)
- 基于Python和PyTorch框架完成的一个手写数字识别实验源码(带MINIST手写数字数据集)+详细注释(高分项目)
- 基于Matlab在MNIST数据集上利用CNN完成手写体数字识别任务，并实现单层CNN反向传播算法+源代码+文档说明(高分项目)
- NVIDIA驱动、CUDA和Pytorch及其依赖
- 基于SVM多特征融合的微表情识别python源码+项目说明+详细注释(高分课程设计)
- html动态爱心代码一（附源码）
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
