原生js实现多关卡小人推箱子游戏代码-html代码-BFW代码库

原生js实现多关卡小人推箱子游戏代码

代码语言：html

所属分类：游戏

代码描述：原生js实现多关卡小人推箱子游戏代码

下面为部分代码预览，完整代码请点击下载或在bfwstudio webide中打开

<!doctype html><!--声明当前文档为html文档-->
<html lang="en"><!--语言为英语-->
	<head><!--头部-->
		<meta charset="UTF-8"><!--字符编码：utf-8国际编码  gb2312中文编码-->
		<meta name="Keywords" content="关键词">
		<meta name="Description" content="描述">
		<title>HTML5 canvas小人推箱子小游戏代码</title>
		<style>/*css样式表的衣柜*/
		*{
			margin:0px;
			padding:0px;
		}
		body{
			overflow:hidden;
		}
		.game{
			width:560px;
			margin:50px auto;
		}
		</style>
	</head>
	<body onkeydown="doKeyDown(event)"><!--身体-->
		<div class="game">
			<canvas id="canvas" width="560" height="560"></canvas>
			<div id="msg"></div>
			<input type="button" value="上一关" onClick="NextLevel(-1)">
			<input type="button" value="下一关" onClick="NextLevel(1)">
			<input type="button" value="重玩本关" onClick="NextLevel(0)">
			<input type="button" value="游戏说明" onClick="showHelp()">
		</div>
	
	<script src="//repo.bfw.wiki/bfwrepo/images/tuigame/mapdata100.js"></script>
	<script>
		var can = document.getElementById("canvas");
		var msg = document.getElementById("msg");
		var cxt = can.getContext("2d");
		var w = 35,h = 35;
		var curMap;//当前的地图
		var curLevel;//当前等级的地图
		var curMan;//初始化小人
		var iCurlevel = 0;//关卡数
		var moveTimes = 0;//移动了多少次.........完整代码请登录后点击上方下载按钮下载查看