html5打地鼠游戏源码
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=0.5,maximum-scale=2,user-scalable=yes"/>
<meta charset="UTF-8" />
<title>HTML5版打地鼠- 海角在眼前博客 -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>
下载声明：
评论