JS打地鼠游戏

JS打地鼠游戏

添加时间:2021-03-09 00:44:32
站长推荐丨赞助论坛,可获取海量资源终身免费下载权限奥!
举报 举报
收藏
预览
附件 附件
  • 模板类型模板类型:益智
  • 模板颜色模板颜色:初级
  • 下载积分下载积分:28 米粒
  • 下载权限下载权限:

    赞助会员

一款JS打地鼠游戏,鼠标移动锤子,敲击从地洞里钻出来的地鼠,敲中得分并满足一定条件后过关。
JS打地鼠游戏
分类:游戏 > 益智 难易:初级

页面的head部分,需引入一个CSS样式文件,代码如下:

<link type="text/css" rel="stylesheet" href="css/main.css" />

页面的body部分,需设置好游戏的各类div容器,代码如下:

<div id="hitmouse">
	<!-- 预备界面 -->
	<div id="gameCover" class="block background">
		<!-- 声音控制按钮 -->
		<a href="javascript:void(0)" id="btnSound" class="icon">&nbsp;</a>
		<!-- 开始 -->
		<a href="javascript:void(0)" id="btnPlay" class="icon">&nbsp;</a>
		<!-- 帮助 -->
		<a href="javascript:void(0)" id="btnHelp" class="icon">&nbsp;</a>
		<!-- 加载资源 -->
		<span id="progressText"></span>		
	</div>	
	<!-- 帮助界面 -->
	<div id="HelpDiv" >
	  <!-- 帮助图片 -->
	  <img src="images/help.png"/>
	  <a href="javascript:void(0)" id="btnBack" class="icon">&nbsp;</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">&nbsp;</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">&nbsp;</a>
		<!-- 返回主菜单 -->
		<a href="javascript:void(0)" id="btnBackToMenu" class="icon">&nbsp;</a>			
	</div>
</div>

页面的底部,需要引入多个JS文件,代码如下:

<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>
相关内容推荐
资源求助发帖
查看更多发帖

*

回帖描述:

*

链接类型:

*

下载链接:

密码:
发帖规则:回帖内容为会员之间的私信,普通网友无法查看。
免责声明:回帖中提供的链接内容仅供会员之间学习参考使用,获取内容后请在法律法规范围内使用。回帖提供的内容应符合法律法规要求,不得违反法律法律的要求。
站点权责:回帖内容如违反法律法规,站点有权封停账号使用权利。对用户举报的内容,站点有责任及时删除违规内容。
热点内容推荐
标题:JS打地鼠游戏

*

描述:
平均回复时间:3-10分钟
规则介绍:悬赏寻求论坛网友分享资源,站点对分享内容的准确性,合法性,版权等没有足够的监管能力。如果您发现资源不正确,无法使用,不符合法律法律等情况,您可以直接举报资源。站长将尽快核实您的举报,并根据情况,采取封号,退换米粒等处理。

*

回帖描述:

*

链接类型:

*

阅读权限:

*

下载链接:

密码:
发帖规则:回帖内容为会员之间的私信,普通网友无法查看。
免责声明:回帖中提供的链接内容仅供会员之间学习参考使用,获取内容后请在法律法规范围内使用。回帖提供的内容应符合法律法规要求,不得违反法律法律的要求。
站点权责:回帖内容如违反法律法规,站点有权封停账号使用权利。对用户举报的内容,站点有责任及时删除违规内容。
  • 背景波浪
  • 背景波浪
  • 波浪
  • 波浪
客服
在线咨询
周一 至 周日 9:00 ~ 22:00
QQ:1326974360
微信:juyoubuluo6688
客服热线
18205485173
工作日 9:00 ~ 18:00
微信扫码咨询
客户服务
欢迎咨询服务
咨询量较多时,请耐心等待
社群

关注公众号

获取更多资讯

扫码进群(QQ)

与更多大牛交流沟通

0.097011s