原生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;//移动了多少次.........完整代码请登录后点击上方下载按钮下载查看