我不是费圆

Canvas悟空推箱子

“学如逆水行舟，不进则退”，工作之余我总会浏览一些先进前端知识以增强自己的知识储备，偶尔也会试着开发或模仿小游戏、程序、app 。昨天在站长之家发现了这个游戏，触动很大，先是玩了一晚上，只过了13关，今天把注释写上了，截取了前40关分享给大家，希望大家在玩耍之余能抽出时间学习或了解前端，前端是门手艺，它会像筷子一样离不开人们的生活。
个人能力有限，只能解答博友们一些浅显的问题，甚至不如百度百科及时、准确，如今前端就业形式一片大好，在一线城市薪资过万，优秀的前端工程师只需要5年，就可以解决住房问题，让父母老有所依。希望忙碌的你可以抽出时间多陪伴一下家人，家是自己唯一的港湾，承载着你所有的眷恋。


<html lang="en">
    <head>
    <meta charset="GB2312">
    <title>HTML5 canvas小人推箱子小游戏title>
    <style>
        *{
            margin:0px;
            padding:0px;
        }
        body{
            overflow:hidden;
        }
        .game{
            position: relative;
            width:560px;
            margin:20px auto;
        }
        .game #msg{
            position: absolute;top:0;
            font:18px/1 华文楷体,华文琥珀;
        }
        .game #btn{
            position: absolute;right:0;bottom:4px;
        }
    style>
head>
<body onkeydown="doKeyDown(event)">
    <div class="game">
        <canvas id="canvas" width="560" height="560">canvas>
        <div id="msg">div>
        <div id="btn">
            <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>
    div>
body> 
<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;//移动了多少次

    //预加载所有图片
    var oImgs = {
        "block" : "https://img-blog.csdnimg.cn/20200907200323829.gif#pic_center",
        "wall" : "https://img-blog.csdnimg.cn/20200907200352103.png#pic_center",
        "box" : "https://img-blog.csdnimg.cn/20200907200329709.png#pic_center",
        "ball" : "https://img-blog.csdnimg.cn/20200907200309333.png#pic_center",
        "up" : "https://img-blog.csdnimg.cn/20200907200348854.png#pic_center",
        "down" : "https://img-blog.csdnimg.cn/20200907200334961.png#pic_center",
        "left" : "https://img-blog.csdnimg.cn/20200907200340792.png#pic_center",
        "right" : "https://img-blog.csdnimg.cn/20200907200344452.png#pic_center",
    }
    function imgPreload(srcs,callback){
        var count = 0,imgNum = 0,images = {};

        for(src in srcs){
            imgNum++;
        }
        for(src in srcs ){
            images[src] = new Image();
            images[src].onload = function(){
                //判断是否所有的图片都预加载完成
                if (++count >= imgNum)
                {
                    callback(images);
                }
            }
            images[src].src = srcs[src];
        }
    }
    var block,wall,box,ball,up,down,left,right;
    imgPreload(oImgs,function(images){
        //console.log(images.block);
        block = images.block;
        wall = images.wall;
        box = images.box;
        ball = images.ball;
        up = images.up;
        down = images.down;
        left = images.left;
        right = images.right;
        init();
    });
    //初始化游戏
    function init(){
        //InitMap();
        //DrawMap(levels[0]);
        initLevel();//初始化对应等级的游戏
        showMoveInfo();//初始化对应等级的游戏数据
    }
    //绘制地板
    function InitMap(){
        for (var i=0;i<16 ;i++ )
        {
            for (var j=0;j<16 ;j++ )
            {
                cxt.drawImage(block,w*j,h*i,w,h);
            }
        }
    }
    //小人位置坐标
    function Point(x,y){
        this.x = x;
        this.y = y;
    }
    var perPosition = new Point(5,5);//小人的初始标值
    //绘制每个游戏关卡地图
    function DrawMap(level){
        for (var i=0;i<level.length ;i++ )
        {
            for (var j=0;j<level[i].length ;j++ )
            {
                var pic = block;//初始图片
                switch (level[i][j])
                {
                case 1://绘制墙壁
                    pic = wall;
                    break;
                case 2://绘制陷进
                    pic = ball;
                    break;
                case 3://绘制箱子
                    pic = box;
                    break;
                case 4://绘制小人
                    pic = curMan;//小人有四个方向 具体显示哪个图片需要和上下左右方位值关联
                    //获取小人的坐标位置
                    perPosition.x = i;
                    perPosition.y = j;
                    break;
                case 5://绘制箱子及陷进位置
                    pic = box;
                    break;
                }
                //每个图片不一样宽 需要在对应地板的中心绘制地图
                cxt.drawImage(pic,w*j-(pic.width-w)/2,h*i-(pic.height-h),pic.width,pic.height)
            }
        }
    }
    //初始化游戏等级
    function initLevel(){
        curMap = copyArray(levels[iCurlevel]);//当前移动过的游戏地图
        curLevel = levels[iCurlevel];//当前等级的初始地图
        curMan = down;//初始化小人
        InitMap();//初始化地板
        DrawMap(curMap);//绘制出当前等级的地图
    }
    //下一关
    function NextLevel(i){
        //iCurlevel当前的地图关数
        iCurlevel = iCurlevel + i;
        if (iCurlevel<0)
        {
            iCurlevel = 0;
            return;
        }
        var len = levels.length;
        if (iCurlevel > len-1)
        {
            iCurlevel = len-1;
        }
        initLevel();//初始当前等级关卡
        moveTimes = 0;//游戏关卡移动步数清零
        showMoveInfo();//初始化当前关卡数据
    }
    //小人移动
    function go(dir){
        var p1,p2;
        switch (dir)
        {
        case "up":
            curMan = up;
            //获取小人前面的两个坐标位置来进行判断小人是否能够移动
            p1 = new Point(perPosition.x-1,perPosition.y);
            p2 = new Point(perPosition.x-2,perPosition.y);
            break;
        case "down":
            curMan = down;
            p1 = new Point(perPosition.x+1,perPosition.y);
            p2 = new Point(perPosition.x+2,perPosition.y);
            break;
        case "left":
            curMan = left;
            p1 = new Point(perPosition.x,perPosition.y-1);
            p2 = new Point(perPosition.x,perPosition.y-2);
            break;
        case "right":
            curMan = right;
            p1 = new Point(perPosition.x,perPosition.y+1);
            p2 = new Point(perPosition.x,perPosition.y+2);
            break;
        }
        //若果小人能够移动的话，更新游戏数据，并重绘地图
        if (Trygo(p1,p2))
        {
            moveTimes ++;
            showMoveInfo();
        }
        //重绘地板
        InitMap();
        //重绘当前更新了数据的地图
        DrawMap(curMap);
        //若果移动完成了进入下一关
        if (checkFinish())
        {
            alert("恭喜过关！");
            NextLevel(1);
        }
    }
    //判断是否推成功
    function checkFinish(){
        for (var i=0;i<curMap.length ;i++ )
        {
            for (var j=0;j<curMap[i].length ;j++ )
            {
                //当前移动过的地图和初始地图进行比较，若果初始地图上的陷进参数在移动之后不是箱子的话就指代没推成功
                if (curLevel[i][j] == 2 && curMap[i][j] != 3 || curLevel[i][j] == 5 && curMap[i][j] != 3)
                {
                    return false;
                }
            }
        }
        return true;
    }
    //判断小人是否能够移动
    function Trygo(p1,p2){
        if(p1.x<0) return false;//若果超出地图的上边，不通过
        if(p1.y<0) return false;//若果超出地图的左边，不通过
        if(p1.x>curMap.length) return false;//若果超出地图的下边，不通过
        if(p1.y>curMap[0].length) return false;//若果超出地图的右边，不通过
        if(curMap[p1.x][p1.y]==1) return false;//若果前面是墙，不通过
        if (curMap[p1.x][p1.y]==3 || curMap[p1.x][p1.y]==5)
        {//若果小人前面是箱子那就还需要判断箱子前面有没有障碍物(箱子/墙)
            if (curMap[p2.x][p2.y]==1 || curMap[p2.x][p2.y]==3)
            {
                return false;
            }
            //若果判断不成功小人前面的箱子前进一步
            curMap[p2.x][p2.y] = 3;//更改地图对应坐标点的值
            //console.log(curMap[p2.x][p2.y]);
        }
        //若果都没判断成功小人前进一步
        curMap[p1.x][p1.y] = 4;//更改地图对应坐标点的值
        //若果小人前进了一步，小人原来的位置如何显示
        var v = curLevel[perPosition.x][perPosition.y];
        if (v!=2)//若果刚开始小人位置不是陷进的话
        {
            if (v==5)//可能是5 既有箱子又陷进
            {
                v=2;//若果小人本身就在陷进里面的话移开之后还是显示陷进
            }else{
                v=0;//小人移开之后之前小人的位置改为地板
            }
        }
        //重置小人位置的地图参数
        curMap[perPosition.x][perPosition.y] = v;
        //若果判断小人前进了一步，更新坐标值
        perPosition = p1;
        //若果小动了 返回true 指代能够移动小人
        return true;
    }
    //判断是否推成功
    //与键盘上的上下左右键关联
    function doKeyDown(event){
        switch (event.keyCode)
        {
        case 37://左键头
            go("left");
            break;
        case 38://上键头
            go("up");
            break;
        case 39://右箭头
            go("right");
            break;
        case 40://下箭头
            go("down");
            break;
        }

    }
    //完善关卡数据及游戏说明
    function showMoveInfo(){
        msg.innerHTML = "第" + (iCurlevel+1) +"关 移动次数: "+ moveTimes;
    }
    //游戏说明
    var showhelp = false;
    function showHelp(){
        showhelp = !showhelp;
        if (showhelp)
        {
            msg.innerHTML = "用键盘上的上、下、左、右键移动小人，把箱子全部推到小球的位置即可过关。箱子只可向前推，不能往后拉，并且小人一次只能推动一个箱子。";
        }else{
            showMoveInfo();
        }
    }

    //克隆二维数组
    function copyArray(arr){
        var b=[];//每次移动更新地图数据都先清空再添加新的地图
        for (var i=0;i<arr.length ;i++ )
        {
            b[i] = arr[i].concat();//链接两个数组
        }
        return b;
    }

//地图，可修改
var levels=[];
levels[0]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,1,1,1,0,0,0,0,0,0,0],
[0,0,0,0,0,0,1,2,1,0,0,0,0,0,0,0],
[0,0,0,0,0,0,1,0,1,1,1,1,0,0,0,0],
[0,0,0,0,1,1,1,3,0,3,2,1,0,0,0,0],
[0,0,0,0,1,2,0,3,4,1,1,1,0,0,0,0],
[0,0,0,0,1,1,1,1,3,1,0,0,0,0,0,0],
[0,0,0,0,0,0,0,1,2,1,0,0,0,0,0,0],
[0,0,0,0,0,0,0,1,1,1,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];

levels[1]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,1,1,1,1,1,0,0,0,0,0,0,0],
[0,0,0,0,1,4,0,0,1,0,0,0,0,0,0,0],
[0,0,0,0,1,0,3,3,1,0,1,1,1,0,0,0],
[0,0,0,0,1,0,3,0,1,0,1,2,1,0,0,0],
[0,0,0,0,1,1,1,0,1,1,1,2,1,0,0,0],
[0,0,0,0,0,1,1,0,0,0,0,2,1,0,0,0],
[0,0,0,0,0,1,0,0,0,1,0,0,1,0,0,0],
[0,0,0,0,0,1,0,0,0,1,1,1,1,0,0,0],
[0,0,0,0,0,1,1,1,1,1,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[2]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,1,1,1,1,1,1,1,0,0,0,0,0],
[0,0,0,0,1,0,0,0,0,0,1,1,1,0,0,0],
[0,0,0,1,1,3,1,1,1,0,0,0,1,0,0,0],
[0,0,0,1,0,4,0,3,0,0,3,0,1,0,0,0],
[0,0,0,1,0,2,2,1,0,3,0,1,1,0,0,0],
[0,0,0,1,1,2,2,1,0,0,0,1,0,0,0,0],
[0,0,0,0,1,1,1,1,1,1,1,1,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[3]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,1,1,1,1,0,0,0,0,0,0,0],
[0,0,0,0,1,1,0,0,1,0,0,0,0,0,0,0],
[0,0,0,0,1,4,3,0,1,0,0,0,0,0,0,0],
[0,0,0,0,1,1,3,0,1,1,0,0,0,0,0,0],
[0,0,0,0,1,1,0,3,0,1,0,0,0,0,0,0],
[0,0,0,0,1,2,3,0,0,1,0,0,0,0,0,0],
[0,0,0,0,1,2,2,5,2,1,0,0,0,0,0,0],
[0,0,0,0,1,1,1,1,1,1,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[4]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,1,1,1,1,1,0,0,0,0,0,0],
[0,0,0,0,0,1,4,0,1,1,1,0,0,0,0,0],
[0,0,0,0,0,1,0,3,0,0,1,0,0,0,0,0],
[0,0,0,0,1,1,1,0,1,0,1,1,0,0,0,0],
[0,0,0,0,1,2,1,0,1,0,0,1,0,0,0,0],
[0,0,0,0,1,2,3,0,0,1,0,1,0,0,0,0],
[0,0,0,0,1,2,0,0,0,3,0,1,0,0,0,0],
[0,0,0,0,1,1,1,1,1,1,1,1,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[5]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,1,1,1,1,1,1,1,0,0,0,0,0],
[0,1,1,1,1,0,0,0,0,0,1,0,0,0,0,0],
[0,1,0,0,0,2,1,1,1,0,1,0,0,0,0,0],
[0,1,0,1,0,1,0,0,0,0,1,1,0,0,0,0],
[0,1,0,1,0,3,0,3,1,2,0,1,0,0,0,0],
[0,1,0,1,0,0,5,0,0,1,0,1,0,0,0,0],
[0,1,0,2,1,3,0,3,0,1,0,1,0,0,0,0],
[0,1,1,0,0,0,0,1,0,1,0,1,1,1,0,0],
[0,0,1,0,1,1,1,2,0,0,0,0,4,1,0,0],
[0,0,1,0,0,0,0,0,1,1,0,0,0,1,0,0],
[0,0,1,1,1,1,1,1,1,1,1,1,1,1,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[6]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,1,1,1,1,1,1,1,0,0,0],
[0,0,0,0,0,1,1,0,0,1,0,4,1,0,0,0],
[0,0,0,0,0,1,0,0,0,1,0,0,1,0,0,0],
[0,0,0,0,0,1,3,0,3,0,3,0,1,0,0,0],
[0,0,0,0,0,1,0,3,1,1,0,0,1,0,0,0],
[0,0,0,1,1,1,0,3,0,1,0,1,1,0,0,0],
[0,0,0,1,2,2,2,2,2,0,0,1,0,0,0,0],
[0,0,0,1,1,1,1,1,1,1,1,1,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[7]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,1,1,1,1,1,1,0,0,0,0],
[0,0,0,0,1,1,1,0,0,0,0,1,0,0,0,0],
[0,0,0,1,1,2,0,3,1,1,0,1,1,0,0,0],
[0,0,0,1,2,2,3,0,3,0,0,4,1,0,0,0],
[0,0,0,1,2,2,0,3,0,3,0,1,1,0,0,0],
[0,0,0,1,1,1,1,1,1,0,0,1,0,0,0,0],
[0,0,0,0,0,0,0,0,1,1,1,1,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[8]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,1,1,1,1,1,1,1,1,1,0,0,0,0],
[0,0,0,1,0,0,1,1,0,0,0,1,0,0,0,0],
[0,0,0,1,0,0,0,3,0,0,0,1,0,0,0,0],
[0,0,0,1,3,0,1,1,1,0,3,1,0,0,0,0],
[0,0,0,1,0,1,2,2,2,1,0,1,0,0,0,0],
[0,0,1,1,0,1,2,2,2,1,0,1,1,0,0,0],
[0,0,1,0,3,0,0,3,0,0,3,0,1,0,0,0],
[0,0,1,0,0,0,0,0,1,0,4,0,1,0,0,0],
[0,0,1,1,1,1,1,1,1,1,1,1,1,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[9]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,1,1,1,1,1,1,0,0,0,0],
[0,0,0,0,0,0,1,0,0,0,0,1,0,0,0,0],
[0,0,0,0,1,1,1,3,3,3,0,1,0,0,0,0],
[0,0,0,0,1,4,0,3,2,2,0,1,0,0,0,0],
[0,0,0,0,1,0,3,2,2,2,1,1,0,0,0,0],
[0,0,0,0,1,1,1,1,0,0,1,0,0,0,0,0],
[0,0,0,0,0,0,0,1,1,1,1,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[10]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,1,1,1,1,0,0,1,1,1,1,1,0,0],
[0,0,1,1,0,0,1,0,0,1,0,0,0,1,0,0],
[0,0,1,0,3,0,1,1,1,1,3,0,0,1,0,0],
[0,0,1,0,0,3,2,2,2,2,0,3,0,1,0,0],
[0,0,1,1,0,0,0,0,1,0,4,0,1,1,0,0],
[0,0,0,1,1,1,1,1,1,1,1,1,1,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[11]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,1,1,1,1,1,0,0,0,0,0],
[0,0,0,0,1,1,1,0,0,4,1,0,0,0,0,0],
[0,0,0,0,1,0,0,3,2,0,1,1,0,0,0,0],
[0,0,0,0,1,0,0,2,3,2,0,1,0,0,0,0],
[0,0,0,0,1,1,1,0,5,3,0,1,0,0,0,0],
[0,0,0,0,0,0,1,0,0,0,1,1,0,0,0,0],
[0,0,0,0,0,0,1,1,1,1,1,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[12]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,1,1,1,1,0,0,0,0,0,0],
[0,0,0,0,0,0,1,2,2,1,0,0,0,0,0,0],
[0,0,0,0,0,1,1,0,2,1,1,0,0,0,0,0],
[0,0,0,0,0,1,0,0,3,2,1,0,0,0,0,0],
[0,0,0,0,1,1,0,3,0,0,1,1,0,0,0,0],
[0,0,0,0,1,0,0,1,3,3,0,1,0,0,0,0],
[0,0,0,0,1,0,0,4,0,0,0,1,0,0,0,0],
[0,0,0,0,1,1,1,1,1,1,1,1,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[13]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,1,1,1,1,1,1,1,1,0,0,0,0],
[0,0,0,0,1,0,0,1,0,0,0,1,0,0,0,0],
[0,0,0,0,1,0,3,2,2,3,0,1,0,0,0,0],
[0,0,0,0,1,4,3,2,5,0,1,1,0,0,0,0],
[0,0,0,0,1,0,3,2,2,3,0,1,0,0,0,0],
[0,0,0,0,1,0,0,1,0,0,0,1,0,0,0,0],
[0,0,0,0,1,1,1,1,1,1,1,1,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[14]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,1,1,1,1,1,1,1,0,0,0,0],
[0,0,0,0,1,1,0,0,0,0,1,0,0,0,0,0],
[0,0,0,0,1,0,3,0,3,3,0,1,0,0,0,0],
[0,0,0,0,1,2,2,2,2,2,2,1,0,0,0,0],
[0,0,0,0,1,0,3,3,0,3,0,1,0,0,0,0],
[0,0,0,0,1,1,1,0,4,1,1,1,0,0,0,0],
[0,0,0,0,0,0,1,1,1,1,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[15]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,1,1,1,1,1,1,0,0,0,0,0,0],
[0,0,0,0,1,0,0,0,0,1,1,1,0,0,0,0],
[0,0,0,0,1,0,3,0,0,0,0,1,0,0,0,0],
[0,0,1,1,1,0,3,0,1,1,0,1,0,0,0,0],
[0,0,1,2,2,2,0,3,0,0,0,1,0,0,0,0],
[0,0,1,2,2,2,3,1,3,0,1,1,0,0,0,0],
[0,0,1,1,1,1,0,1,0,3,0,1,0,0,0,0],
[0,0,0,0,0,1,0,0,4,0,0,1,0,0,0,0],
[0,0,0,0,0,1,1,1,1,1,1,1,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[16]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,1,1,1,1,1,1,0,0,0,0,0,0,0],
[0,0,0,1,0,0,0,0,1,0,0,0,0,0,0,0],
[0,0,0,1,0,3,3,3,1,1,0,0,0,0,0,0],
[0,0,0,1,0,0,1,2,2,1,1,1,0,0,0,0],
[0,0,0,1,1,0,0,2,2,3,0,1,0,0,0,0],
[0,0,0,0,1,0,4,0,0,0,0,1,0,0,0,0],
[0,0,0,0,1,1,1,1,1,1,1,1,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[17]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,1,1,1,1,1,1,1,1,0,0,0],
[0,0,0,0,0,1,0,0,0,1,2,0,1,0,0,0],
[0,0,0,0,1,1,0,0,3,2,2,2,1,0,0,0],
[0,0,0,0,1,0,0,3,0,1,5,2,1,0,0,0],
[0,0,0,1,1,0,1,1,3,1,0,1,1,0,0,0],
[0,0,0,1,0,0,0,3,0,0,3,0,1,0,0,0],
[0,0,0,1,0,0,0,1,0,0,0,0,1,0,0,0],
[0,0,0,1,1,1,1,1,1,1,4,0,1,0,0,0],
[0,0,0,0,0,0,0,0,0,1,1,1,1,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[18]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,1,1,1,1,1,1,1,0,0,0,0,0],
[0,0,0,0,1,2,2,2,2,0,1,0,0,0,0,0],
[0,0,0,1,1,1,2,2,2,3,1,1,1,0,0,0],
[0,0,0,1,0,0,3,1,3,0,3,0,1,0,0,0],
[0,0,0,1,0,3,3,0,0,1,3,0,1,0,0,0],
[0,0,0,1,0,0,0,0,1,0,0,0,1,0,0,0],
[0,0,0,1,1,1,1,0,4,0,1,1,1,0,0,0],
[0,0,0,0,0,0,1,1,1,1,1,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[19]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,1,1,1,1,1,1,1,0,0,0,0,0],
[0,0,0,0,1,2,2,3,2,2,1,0,0,0,0,0],
[0,0,0,0,1,2,2,1,2,2,1,0,0,0,0,0],
[0,0,0,0,1,0,3,3,3,0,1,0,0,0,0,0],
[0,0,0,0,1,0,0,3,0,0,1,0,0,0,0,0],
[0,0,0,0,1,0,3,3,3,0,1,0,0,0,0,0],
[0,0,0,0,1,0,0,1,4,0,1,0,0,0,0,0],
[0,0,0,0,1,1,1,1,1,1,1,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[20]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,1,1,1,1,1,1,0,0,0,0,0],
[0,0,0,0,0,1,0,2,2,2,1,0,0,0,0,0],
[0,0,1,1,1,1,2,2,2,2,1,0,0,0,0,0],
[0,0,1,0,0,1,1,1,3,0,1,1,1,0,0,0],
[0,0,1,0,3,0,3,0,0,3,3,0,1,0,0,0],
[0,0,1,4,0,3,0,3,0,0,0,0,1,0,0,0],
[0,0,1,0,0,0,1,1,1,0,0,0,1,0,0,0],
[0,0,1,1,1,1,1,0,1,1,1,1,1,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[21]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,1,1,1,1,1,1,1,1,0,0,0,0],
[0,0,0,0,1,0,0,0,0,0,0,1,0,0,0,0],
[0,0,0,0,1,0,1,3,3,0,0,1,0,0,0,0],
[0,0,0,0,1,0,2,2,2,1,0,1,0,0,0,0],
[0,0,0,0,1,1,2,2,2,3,0,1,1,0,0,0],
[0,0,0,0,0,1,0,1,1,0,3,0,1,0,0,0],
[0,0,0,0,0,1,3,0,0,3,0,0,1,0,0,0],
[0,0,0,0,0,1,0,0,1,0,0,4,1,0,0,0],
[0,0,0,0,0,1,1,1,1,1,1,1,1,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[22]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,1,1,1,1,1,0,0,0,0,0,0],
[0,0,0,1,1,1,0,0,0,1,1,1,1,0,0,0],
[0,0,0,1,0,0,0,3,0,3,0,0,1,0,0,0],
[0,0,0,1,0,3,0,0,0,3,0,4,1,0,0,0],
[0,0,0,1,1,1,3,3,1,1,1,1,1,0,0,0],
[0,0,0,0,0,1,0,0,2,2,1,0,0,0,0,0],
[0,0,0,0,0,1,2,2,2,2,1,0,0,0,0,0],
[0,0,0,0,0,1,1,1,1,1,1,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[23]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,1,1,1,1,1,1,0,0,0,1,1,1,1,1,0],
[0,1,0,0,0,0,1,1,1,0,1,0,0,2,1,0],
[0,1,0,0,3,0,3,0,1,0,1,2,2,2,1,0],
[0,1,0,1,0,0,3,0,1,1,1,0,0,2,1,0],
[0,1,0,0,3,3,3,0,0,0,3,0,4,2,1,0],
[0,1,1,1,0,0,3,0,0,3,1,0,0,2,1,0],
[0,0,0,1,0,0,3,1,3,0,1,2,2,2,1,0],
[0,0,0,1,1,0,0,0,0,0,1,0,0,2,1,0],
[0,0,0,0,1,1,1,1,1,1,1,1,1,1,1,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[24]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,1,1,1,1,1,1,0,0,0],
[0,0,0,1,1,1,1,1,2,0,0,0,1,0,0,0],
[0,0,0,1,0,0,1,2,2,1,1,0,1,0,0,0],
[0,0,0,1,0,0,3,2,2,0,0,0,1,0,0,0],
[0,0,0,1,0,0,1,0,2,1,0,1,1,0,0,0],
[0,0,1,1,1,0,1,1,3,1,0,0,1,0,0,0],
[0,0,1,0,3,0,0,0,0,3,3,0,1,0,0,0],
[0,0,1,0,1,3,1,0,0,1,0,0,1,0,0,0],
[0,0,1,4,0,0,1,1,1,1,1,1,1,0,0,0],
[0,0,1,1,1,1,1,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[25]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,1,1,1,1,1,1,1,1,1,0,0,0,0],
[0,0,0,1,0,0,0,1,1,0,0,1,1,1,1,0],
[0,0,0,1,0,3,0,0,0,0,0,0,0,0,1,0],
[0,0,0,1,1,3,1,1,1,0,1,1,0,0,1,0],
[0,0,0,1,0,0,1,1,0,5,0,1,0,1,1,0],
[0,0,0,1,0,3,2,2,2,2,2,2,0,1,0,0],
[0,0,1,1,0,1,1,1,0,2,0,1,0,1,0,0],
[0,0,1,0,0,0,0,0,3,1,1,1,3,1,0,0],
[0,0,1,0,0,0,1,0,0,0,0,3,4,1,0,0],
[0,0,1,1,1,1,1,3,1,0,1,1,1,1,0,0],
[0,0,0,0,0,0,1,0,0,0,1,0,0,0,0,0],
[0,0,0,0,0,0,1,1,1,1,1,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[26]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,1,1,1,1,1,1,1,1,1,0],
[0,0,0,0,0,0,1,0,0,0,0,0,0,0,1,0],
[0,0,0,0,0,0,1,0,1,0,1,0,1,0,1,0],
[0,0,0,0,0,0,1,0,0,3,0,3,1,0,1,0],
[1,1,1,1,1,1,1,0,0,0,3,0,0,0,1,0],
[1,2,2,1,0,0,1,1,0,3,0,3,1,0,1,0],
[1,2,2,0,0,0,1,1,0,3,0,3,0,0,1,0],
[1,2,2,1,0,0,1,1,0,1,1,1,1,1,1,0],
[1,2,2,1,0,1,0,3,0,3,0,1,0,0,0,0],
[1,2,2,0,0,0,0,0,3,0,0,1,0,0,0,0],
[1,0,0,1,1,1,0,4,0,1,1,1,0,0,0,0],
[1,1,1,1,0,1,1,1,1,1,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[27]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,1,1,1,1,0,0,0,0,0,0,0,0],
[1,1,1,1,1,0,0,1,0,0,0,0,0,0,0,0],
[1,0,0,3,0,3,0,1,0,1,1,1,1,1,1,1],
[1,0,0,0,3,0,0,1,0,1,5,2,5,2,5,1],
[1,1,0,3,0,3,0,1,1,1,2,5,2,5,2,1],
[0,1,3,0,3,0,0,1,0,0,5,2,5,2,5,1],
[0,1,4,3,0,3,0,0,0,0,2,5,2,5,1,1],
[0,1,3,0,3,0,0,1,0,0,5,2,5,2,5,1],
[1,1,0,3,0,3,0,1,1,1,2,5,2,5,2,1],
[1,0,0,0,3,0,0,1,0,1,5,2,5,2,5,1],
[1,0,0,3,0,3,0,1,0,1,1,1,1,1,1,1],
[1,1,1,1,1,0,0,1,0,0,0,0,0,0,0,0],
[0,0,0,0,1,1,1,1,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[28]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,1,1,1,1,1,1,1,1,0,0,0,0],
[0,0,0,0,1,2,2,2,2,2,2,1,0,0,0,0],
[0,0,0,0,1,0,0,3,0,1,0,1,1,0,0,0],
[0,0,0,0,1,0,3,0,1,0,3,0,1,0,0,0],
[0,0,0,0,1,1,3,0,3,0,3,0,1,0,0,0],
[0,0,0,0,0,1,0,0,4,0,0,0,1,0,0,0],
[0,0,0,0,0,1,1,1,1,1,1,1,1,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[29]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,1,1,1,1,1,1,1,1,1,1,0,0],
[0,0,1,1,1,0,0,0,2,0,0,0,0,1,0,0],
[0,0,1,0,0,0,1,1,3,1,1,0,0,1,0,0],
[0,0,1,0,4,3,2,0,2,0,2,3,1,1,0,0],
[0,0,1,1,0,3,1,1,3,1,1,0,1,0,0,0],
[0,0,0,1,0,0,0,0,2,0,0,0,1,0,0,0],
[0,0,0,1,1,1,1,1,1,1,1,1,1,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[30]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,1,1,1,1,1,1,0,0,0],
[0,0,0,0,1,1,1,1,2,0,0,4,1,0,0,0],
[0,0,0,0,1,0,0,3,3,3,0,0,1,0,0,0],
[0,0,0,0,1,2,1,1,2,1,1,2,1,0,0,0],
[0,0,0,0,1,0,0,0,3,0,0,0,1,0,0,0],
[0,0,0,0,1,0,0,3,2,1,0,1,1,0,0,0],
[0,0,0,0,1,1,1,1,0,0,0,1,0,0,0,0],
[0,0,0,0,0,0,0,1,1,1,1,1,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[31]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,1,1,1,1,1,1,0,0,0,0,0,0],
[0,0,0,0,1,2,0,2,2,1,0,0,0,0,0,0],
[0,0,0,0,1,2,0,3,2,1,0,0,0,0,0,0],
[0,0,0,1,1,1,0,0,3,1,1,0,0,0,0,0],
[0,0,0,1,0,3,0,0,3,0,1,0,0,0,0,0],
[0,0,0,1,0,1,3,1,1,0,1,0,0,0,0,0],
[0,0,0,1,0,0,0,4,0,0,1,0,0,0,0,0],
[0,0,0,1,1,1,1,1,1,1,1,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[32]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,1,1,1,1,1,1,0,0,0,0,0],
[0,0,0,1,1,1,0,0,0,0,1,1,1,0,0,0],
[0,0,0,1,0,0,0,1,3,0,0,0,1,1,1,0],
[0,0,0,1,0,0,0,3,0,0,0,3,3,0,1,0],
[0,0,0,1,0,3,3,0,1,3,0,0,0,0,1,0],
[0,0,0,1,1,0,0,0,3,0,0,0,3,0,1,0],
[0,1,1,1,1,1,1,0,1,3,1,1,1,1,1,0],
[0,1,2,2,4,0,1,3,0,0,1,0,0,0,0,0],
[0,1,2,1,2,2,0,0,3,1,1,0,0,0,0,0],
[0,1,2,2,2,2,3,1,0,1,0,0,0,0,0,0],
[0,1,2,2,2,2,0,0,0,1,0,0,0,0,0,0],
[0,1,1,1,1,1,1,1,1,1,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[33]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0],
[1,0,0,0,0,0,0,1,0,0,0,0,0,0,1,0],
[1,0,3,0,1,3,0,1,0,3,1,1,3,0,1,0],
[1,0,1,0,0,3,0,1,0,0,0,0,0,0,1,0],
[1,0,0,0,1,1,3,1,3,1,1,3,3,0,1,0],
[1,0,1,0,1,0,2,2,2,0,1,0,0,0,1,0],
[1,0,3,0,0,2,0,1,0,2,3,0,1,0,1,0],
[1,0,3,1,4,3,2,2,2,1,0,1,0,0,1,0],
[1,0,0,0,0,2,0,1,0,2,0,0,3,0,1,0],
[1,0,1,1,2,3,1,1,1,3,2,0,1,0,1,0],
[1,0,1,0,3,2,2,2,2,2,0,1,1,0,1,0],
[1,0,0,0,0,0,0,0,0,0,0,0,0,0,1,0],
[1,1,1,1,1,1,1,1,1,1,1,1,1,1,1,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[34]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,1,1,1,1,1,1,1,1,1,0,0,0,0],
[0,0,0,1,0,0,0,1,1,0,0,1,0,0,0,0],
[0,0,0,1,0,1,0,3,0,3,0,1,0,0,0,0],
[0,0,0,1,0,0,5,2,1,0,0,1,0,0,0,0],
[0,0,0,1,1,0,1,2,4,2,1,1,0,0,0,0],
[0,0,0,1,1,3,1,1,1,5,1,1,1,0,0,0],
[0,0,0,1,0,0,0,0,0,0,0,0,1,0,0,0],
[0,0,0,1,0,0,0,1,1,0,1,0,1,0,0,0],
[0,0,0,1,1,1,1,1,1,0,0,0,1,0,0,0],
[0,0,0,0,0,0,0,0,1,1,1,1,1,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[35]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[1,1,1,1,1,1,1,1,0,0,0,0,0,0,0,0],
[1,0,0,0,0,0,0,1,0,0,0,0,0,0,0,0],
[1,0,3,3,0,0,0,1,1,1,0,0,0,0,0,0],
[1,0,0,3,0,3,3,3,0,1,1,1,1,1,0,0],
[1,1,0,1,1,0,2,2,2,0,0,0,0,1,1,0],
[0,1,0,1,4,1,2,2,2,1,1,1,3,0,1,0],
[0,1,0,1,0,3,2,2,2,0,0,0,0,0,1,0],
[1,1,0,1,0,3,2,2,2,3,0,1,0,1,1,0],
[1,0,0,1,1,1,1,1,0,1,1,1,0,1,0,0],
[1,0,0,0,0,0,0,3,0,0,0,3,0,1,0,0],
[1,1,1,1,1,1,1,1,1,1,1,0,0,1,0,0],
[0,0,0,0,0,0,0,0,0,0,1,1,1,1,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[36]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,1,1,1,1,1,0,0,0,0],
[0,0,0,0,0,0,0,1,0,4,0,1,0,0,0,0],
[0,0,0,0,0,0,0,1,3,3,3,1,0,0,0,0],
[0,0,0,0,1,1,1,1,0,0,0,1,0,0,0,0],
[0,0,0,0,1,0,0,0,2,1,3,1,1,0,0,0],
[0,0,0,0,1,0,3,2,3,2,0,2,1,0,0,0],
[0,0,0,0,1,0,0,1,2,1,2,1,1,0,0,0],
[0,0,0,0,1,1,1,1,1,1,1,1,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[37]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,1,1,1,1,1,1,1,1,1,1,1,1,0,0],
[0,0,1,2,2,2,0,1,0,0,0,0,0,1,0,0],
[0,0,1,2,2,0,0,1,0,1,1,0,0,1,0,0],
[0,0,1,2,2,0,0,0,0,0,1,0,0,1,0,0],
[0,0,1,2,2,0,0,1,0,3,1,1,0,1,0,0],
[0,0,1,2,2,2,0,1,3,0,3,0,0,1,0,0],
[0,0,1,1,1,1,1,1,0,0,3,3,0,1,0,0],
[0,0,0,1,1,0,0,3,0,3,3,0,0,1,0,0],
[0,0,0,1,4,0,3,3,3,0,0,1,0,1,0,0],
[0,0,0,1,1,0,3,0,1,1,0,0,0,1,0,0],
[0,0,0,0,1,0,0,0,0,0,0,0,0,1,0,0],
[0,0,0,0,1,1,1,1,1,1,1,1,1,1,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[38]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,1,1,1,1,1,1,1,1,1,0,0,0,0],
[0,0,0,1,0,0,0,0,0,0,0,1,0,0,0,0],
[0,0,0,1,0,0,3,0,3,0,3,1,0,0,0,0],
[0,0,0,1,1,0,1,3,1,1,0,1,0,0,0,0],
[0,0,0,0,1,0,2,2,0,2,2,1,1,0,0,0],
[0,0,0,0,1,1,2,2,0,2,2,0,1,0,0,0],
[0,0,0,0,0,1,0,1,1,3,1,0,1,1,0,0],
[0,0,0,0,0,1,3,0,3,0,3,0,0,1,0,0],
[0,0,0,0,0,1,0,0,0,0,0,0,4,1,0,0],
[0,0,0,0,0,1,1,1,1,1,1,1,1,1,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[39]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[1,1,1,1,1,0,0,0,0,0,0,1,1,1,1,0],
[1,4,0,0,1,1,1,1,1,1,1,1,0,0,1,0],
[1,1,0,3,0,0,0,0,0,0,0,3,0,0,1,0],
[0,1,0,1,0,1,0,0,1,1,1,1,0,0,1,0],
[0,1,0,0,3,0,0,0,1,1,1,1,3,1,1,0],
[0,1,3,0,1,1,0,1,0,3,0,3,0,1,0,0],
[1,1,0,3,0,0,3,1,0,0,0,0,0,1,0,0],
[1,0,0,0,1,0,0,0,0,0,0,1,0,1,0,0],
[1,0,0,0,1,1,1,1,1,3,1,1,1,1,0,0],
[1,1,1,1,1,0,0,0,1,0,0,0,1,0,0,0],
[0,0,0,0,1,2,2,2,0,0,3,0,1,0,0,0],
[0,0,0,0,1,2,2,2,2,1,0,0,1,0,0,0],
[0,0,0,0,1,2,2,2,2,1,1,1,1,0,0,0],
[0,0,0,0,1,1,1,1,1,1,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];


levels[40]=[
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,1,1,1,1,1,0,0,0],
[0,0,0,0,1,1,1,1,1,0,0,0,1,0,0,0],
[0,0,0,0,1,0,2,2,0,3,1,0,1,0,0,0],
[0,0,0,0,1,0,1,2,5,0,0,0,1,0,0,0],
[0,0,0,1,1,0,5,2,1,3,0,1,1,0,0,0],
[0,0,0,1,0,3,0,0,3,0,0,1,0,0,0,0],
[0,0,0,1,0,0,0,1,1,0,4,1,0,0,0,0],
[0,0,0,1,1,1,1,1,1,1,1,1,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],
[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0]];
script>
html>

代码开源，但需要有一定JS语音基础方可阅读。我明白“ 授人以鱼不如授人以渔 ”的道理，所以代码中常常只留下自定义注释，方便大家修改，但不能凭此参透其中的奥妙，我并没有藏拙，好学的人自然会想办法寻找答案，自学也是人生的一门必修课。

推荐阅读以下内容：

Canvas线条动画
CSS旋转魔方
JS迷你键盘
CSS逼真小象

你可能感兴趣的:(JS,Canvas,游戏,游戏开发,canvas,js,推箱子)

element实现动态路由+面包屑软件技术NINI vue案例 vue.js 前端
el-breadcrumb是ElementUI组件库中的一个面包屑导航组件，它用于显示当前页面的路径，帮助用户快速理解和导航到应用的各个部分。在Vue.js项目中，如果你已经安装了ElementUI，就可以很方便地使用el-breadcrumb组件。以下是一个基本的使用示例：安装ElementUI（如果你还没有安装的话）:你可以通过npm或yarn来安装ElementUI。bash复制代码npmi
2021年12月19日，春蕾教育集团团建活动感受——黄晓丹黄错错加油
感受:1.从陌生到熟悉的过程。游戏环节让我们在轻松的氛围中得到了锻炼，也增长了不少知识。2.游戏过程中，我们贡献的是个人力量，展现的是团队的力量。它磨合的往往不止是工作的熟悉，更是观念上契合度的贴近。3.这和工作是一样的道理。在各自的岗位上，每个人摆正自己的位置、各司其职充分发挥才能，并团结一致劲往一处使，才能实现最大的成功。新知:1.团队精神需要不断地创新。过去，人们把创新看作是冒风险，现在人们
C#中使用split分割字符串互联网打工人no1 c#
1、用字符串分隔：usingSystem.Text.RegularExpressions;stringstr="aaajsbbbjsccc";string[]sArray=Regex.Split(str,"js",RegexOptions.IgnoreCase);foreach(stringiinsArray)Response.Write(i.ToString()+"");输出结果：aaabbbc
从鸡肉高汤到记忆的魔法再到有效提示的艺术步子哥人工智能
还记得小时候那些天马行空的白日梦吗？也许只要按下键盘上的某个神奇组合，电脑就会发出滴滴的声响，一个隐藏的世界突然在你眼前展开，让你获得超凡的能力，摆脱平凡的生活。这听起来像是玩过太多电子游戏的幻想，但实际上，间隔重复系统给人的感觉惊人地相似。在最佳状态下，这些系统就像魔法一样神奇。本文将以一个看似平凡的鸡肉高汤食谱为例，深入浅出地探讨如何编写有效的间隔重复提示，让你像掌握烹饪技巧一样轻松地掌握记忆
【华为OD机试真题2023B卷 JAVA&JS】We Are A Team 若博豆 java 算法华为 javascript
华为OD2023（B卷）机试题库全覆盖，刷题指南点这里WeAreATeam时间限制：1秒|内存限制：32768K|语言限制：不限题目描述：总共有n个人在机房，每个人有一个标号（1<=标号<=n），他们分成了多个团队，需要你根据收到的m条消息判定指定的两个人是否在一个团队中，具体的：1、消息构成为：abc，整数a、b分别代
数组去重好奇的猫猫猫
整理自js中基础数据结构数组去重问题思考？如何去除数组中重复的项例如数组：[1,3,4,3,5]我们在做去重的时候，一开始想到的肯定是，逐个比较，外面一层循环，内层后一个与前一个一比较，如果是久不将当前这一项放进新的数组，挨个比较完之后返回一个新的去过重复的数组不好的实践方式上述方法效率极低，代码量还多，思考？有没有更好的方法这时候不禁一想当然有了！！！hashtable啊，通过对象的hash办法
2019-08-08 65454
东莞家庭聚会出行旅游去哪里玩住？想起来有很久没有和家里人聚会啦，这次组织家人来到威廉古堡别墅轰趴，一大家子27个人，在别墅订了一天办，玩的非常的开心，小孩子玩游戏机，也很放心不会丢，我们就在唱歌、打麻将、打桌球一系列的活动，还准备小次等小孩生日在别墅举办，还可以给孩子做一个生日的策划
【JS】执行时长(100分) |思路参考+代码解析（C++） l939035548 JS 算法数据结构 c++
题目为了充分发挥GPU算力，需要尽可能多的将任务交给GPU执行，现在有一个任务数组，数组元素表示在这1秒内新增的任务个数且每秒都有新增任务。假设GPU最多一次执行n个任务，一次执行耗时1秒，在保证GPU不空闲情况下，最少需要多长时间执行完成。题目输入第一个参数为GPU一次最多执行的任务个数，取值范围[1,10000]第二个参数为任务数组长度，取值范围[1,10000]第三个参数为任务数组，数字范围
node.js学习小猿L node.js node.js 学习 vim
node.js学习实操及笔记温故node.js，node.js学习实操过程及笔记~node.js学习视频node.js官网node.js中文网实操笔记githubcsdn笔记为什么学node.js可以让别人访问我们编写的网页为后续的框架学习打下基础，三大框架vuereactangular离不开node.jsnode.js是什么官网：node.js是一个开源的、跨平台的运行JavaScript的运行
docker igotyback eureka 云原生
Docker容器的文件系统是隔离的，但是可以通过挂载卷（Volumes）或绑定挂载（BindMounts）将宿主机的文件系统目录映射到容器内部。要查看Docker容器的映射路径，可以使用以下方法：查看容器配置：使用dockerinspect命令可以查看容器的详细配置信息，包括挂载的卷。例如：bashdockerinspect在输出的JSON格式中，查找"Mounts"部分，这里会列出所有的挂载信息
在Ubuntu中编译含有JSON的文件出现报错芝麻糊76 Linux kill_bug linux ubuntu json
在ubuntu中进行JSON相关学习的时候，我发现了一些小问题，决定与大家进行分享，减少踩坑时候出现不必要的时间耗费截取部分含有JSON部分的代码进行展示char*str="{\"title\":\"JSONExample\",\"author\":{\"name\":\"JohnDoe\",\"age\":35,\"isVerified\":true},\"tags\":[\"json\",\"
Xinference如何注册自定义模型玩人工智能的辣条哥人工智能 AI 大模型 Xinference
环境：Xinference问题描述：Xinference如何注册自定义模型解决方案：1.写个model_config.json，内容如下{"version":1,"context_length":2048,"model_name":"custom-llama-3","model_lang":["en","ch"],"model_ability":["generate","chat"],"model
C语言判断回文数 Y雨何时停T c语言学习
一，回文数概念“回文”是指正读反读都能读通的句子，它是古今中外都有的一种修辞方式和文字游戏，如“我为人人，人人为我”等。在数学中也有这样一类数字有这样的特征，成为回文数。设n是一任意自然数。若将n的各位数字反向排列所得自然数n1与n相等，则称n为一回文数。例如，若n=1234321，则称n为一回文数；但若n=1234567，则n不是回文数。二，判断回文数实现思路一：数组与字符串将数字每一位按顺序放
用Python实现简单的猜数字游戏程序媛了了 python 游戏 java
猜数字游戏代码：importrandomdefpythonit():a=random.randint(1,100)n=int(input("输入你猜想的数字："))whilen!=a:ifn>a:print("很遗憾，猜大了")n=int(input("请再次输入你猜想的数字："))elifna::如果玩家猜的数字n大于随机数字a，则输出"很遗憾，猜大了"，并提示玩家再次输入。elifn
2024.9.14 Python，差分法解决区间加法，消除游戏，压缩字符串 RaidenQ python 游戏开发语言算法力扣
1.区间加法假设你有一个长度为n的数组，初始情况下所有的数字均为0，你将会被给出k个更新的操作。其中，每个操作会被表示为一个三元组：[startIndex,endIndex,inc]，你需要将子数组A[startIndex…endIndex]（包括startIndex和endIndex）增加inc。请你返回k次操作后的数组。示例:输入:length=5,updates=[[1,3,2],[2,4,
快点三国哪个平台有返利？快点三国哪个平台充值折扣最高？诸葛村夫123
标题：快点三国哪个平台有返利？快点三国哪个平台充值折扣最高？今天我告诉大家一个可以申请内部号的平台，直接比返利号牛逼10倍不止，最近几年出现了特别多的手游平台。每个平台的福利的各不相同，但是本质是一样的，就给点礼包，首充什么的。感觉毫无卵用。就在上个月，经一个做游戏行业的朋友介绍，了解到了一个平台“游人特权站”，特别NB。这个平台给的是内部号，什么是内部号？说白了就是托号。进服就会给300-500
Python神器！WEB自动化测试集成工具 DrissionPage 亚丁号 python 开发语言
一、前言用requests做数据采集面对要登录的网站时，要分析数据包、JS源码，构造复杂的请求，往往还要应付验证码、JS混淆、签名参数等反爬手段，门槛较高。若数据是由JS计算生成的，还须重现计算过程，体验不好，开发效率不高。使用浏览器，可以很大程度上绕过这些坑，但浏览器运行效率不高。因此，这个库设计初衷，是将它们合而为一，能够在不同须要时切换相应模式，并提供一种人性化的使用方法，提高开发和运行效率
2019年8月6日星期二晴李佳晨宝宝
今天我写完作业以后，我玩儿了一会儿我的拼装玩具，拼装玩具是我的世界的游戏里面的乐高，我拿出乐高把它拼成上次的迷宫，然后又给他升级了一下，我拆出上面一些部分的零件加大了游戏的难度，然后我又做了一个小牛圈。这个小牛圈里面住的是猪和牛，还有羊，给那里摆了一块草地，他们想吃东西直接在草地上吃，然后我把牛圈建了一个遮阳伞，防止天气太热把它们晒死。然后这样我的小牛就万无一失了，我再看看加大难度后的迷宫，实在是
科幻游戏《外卖员模拟器》主要地理环境设定 (1) 穷人小水滴游戏科幻设计
游戏名称:《外卖员模拟器》(英文名称:waimai_se)作者:穷人小水滴本故事纯属虚构,如有雷同实属巧合.故事发生在一个(架空)平行宇宙的地球,21世纪(超低空科幻流派).相关文章:https://blog.csdn.net/secext2022/article/details/141790630目录1星球整体地理设定2巨蛇国主要设定3海蛇市主要设定3.1主要地标建筑3.2交通3.3能源(电力)
Mongodb Error: queryTxt ETIMEOUT xxxx.wwwdz.mongodb.net 佛一脚 error react mongodb 数据库
背景每天都能遇到奇怪的问题，做个记录，以便有缘人能得到帮助！换了一台电脑开发nextjs程序。需要连接mongodb数据，对数据进行增删改查。上一台电脑好好的程序，新电脑死活连不上mongodb数据库。同一套代码，没任何修改，搞得我怀疑人生了，打开浏览器进入mongodb官网毫无问题，也能进入线上系统查看数据，网络应该是没问题。于是我尝试了一下手机热点，这次代码能正常跑起来，连接数据库了！！！是不
阅读《认知觉醒》读书笔记就看看书
本周阅读了周岭的《认知觉醒开启自我改变的原动力》，启发较多，故做读书笔记一则，留待学习。全书共八章，讲述了大脑、潜意识、元认知、专注力、学习力、行动力、情绪力及成本最低的成长之道。具体描述了大脑、焦虑、耐心、模糊、感性、元认知、自控力、专注力、情绪专注、学习专注、匹配、深度、关联、体系、打卡、反馈、休息、清晰、傻瓜、行动、心智宽带、单一视角、游戏心态、早起、冥想、阅读、写作、运动等相关知识点。大脑
高考后该不该给孩子买电脑，什么情况能买？什么情况不能买？寻求改变
我知道家长们很担心，怕买了电脑小孩沉迷游戏，耽误了学业，也不利于身体健康。对于准大学生来说，基本上在18岁左右，也不算小了，但在很多父母眼里，依旧是个小孩子。数据显示，这种情况是有发生的，大学生约70%的电脑主要被用于玩网络游戏，如果没有养成一个用良好的习惯，对孩子影响是非常大的。我总结为三买，三不买。最近有看到群里很多家长再问，小孩上大学该不该给他买电脑，要买和不买两种观点的家长都有，那么哪种情
Vue( ElementUI入门、vue-cli安装) m0_l5z elementui vue.js
一.ElementUI入门目录：1.ElementUI入门1.1ElementUI简介1.2Vue+ElementUI安装1.3开发示例2.搭建nodejs环境2.1nodejs介绍2.2npm是什么2.3nodejs环境搭建2.3.1下载2.3.2解压2.3.3配置环境变量2.3.4配置npm全局模块路径和cache默认安装位置2.3.5修改npm镜像提高下载速度2.3.6验证安装结果3.运行n
崩坏星穹铁道哪个角色值得培养崩坏星穹铁道新手角色优先级教学会飞滴鱼儿
崩坏星穹铁道新手角色培养攻略：哪些角色值得投资？在《崩坏星穹铁道》中，角色的强度和培养一直是玩家们关心的焦点。要想体验更爽快的游戏过程，选对角色至关重要。那么，哪些角色值得投资培养呢?本篇教学文章将针对新手玩家，从T0到T1强度的角色中为你做出详尽解析。游戏豹官网现在的手游平台很多，但是在游戏界有这么一个传说：“喜欢肝的玩家不如氪金玩家，氪金玩家不如内部福利玩家”，这就是游戏界可悲的生物链，很多平
屠龙决战沙城怎么才能当托屠龙决战沙城如何可以申请内部福利号诸葛村夫123
我2015年从事游戏行业，曾担任某游戏平台的运营负责人。很多朋友玩了一辈子手游可能都还不知道手游托这事儿。你们经常在游戏中遇到那些土豪玩家，进服就充几百，几千的玩家，十有八九都是托，也就是我们常说的内部号。每个人的钱都不是大风刮来的，并不是每个人都舍得在游戏里充这么多钱。那这些内部号的充值到底是哪儿来的呢？其实内部号由于运营商扶持，这种账号一开始就领先普通账号十倍不止。内部号进服运营商会给300-
博客网站制作教程 2401_85194651 java maven
首先就是技术框架：后端：Java+SpringBoot数据库：MySQL前端：Vue.js数据库连接：JPA(JavaPersistenceAPI)1.项目结构blog-app/├──backend/│├──src/main/java/com/example/blogapp/││├──BlogApplication.java││├──config/│││└──DatabaseConfig.java
4 大低成本娱乐方式: 小说, 音乐, 视频, 电子游戏穷人小水滴娱乐音视频低成本小说游戏
穷人如何获得快乐?小说,音乐,视频,游戏,本文简单盘点一下这4大低成本(安全)娱乐方式.这里是穷人小水滴,专注于穷人友好型低成本技术.(本文为58号作品.)目录1娱乐方式1.1小说(网络小说)1.2音乐1.3视频(b站)1.4游戏(电子游戏/计算机软件)2低成本:一只手机即可3总结与展望1娱乐方式这几种,也可以说是艺术的具体形式.更专业的说,(娱乐)是劳动力再生产的重要组成部分.使人放松,获得快乐
00. 这里整理了最全的爬虫框架（Java + Python）有一只柴犬爬虫系列爬虫 java python
目录1、前言2、什么是网络爬虫3、常见的爬虫框架3.1、java框架3.1.1、WebMagic3.1.2、Jsoup3.1.3、HttpClient3.1.4、Crawler4j3.1.5、HtmlUnit3.1.6、Selenium3.2、Python框架3.2.1、Scrapy3.2.2、BeautifulSoup+Requests3.2.3、Selenium3.2.4、PyQuery3.2
vue 创建项目报错：command failed: npm install --loglevel error 那鱼、会飞 vue.js vue-cli3
这个问题其实很好解决，只是很多种情况，逐一排除即可。稳下心来~vuecli3创建项目我的node版本是node14.15.0，（永远不要尝试最新版本）node各种版本下载地址：以往的版本|Node.js(nodejs.org)vue/[email protected]@vue/[email protected]（注意vue/cli2和vue/cli3的下载命名有所改变，2是-形式，3是/形式）其实报错
更改npm镜像源为淘宝镜像骆小骆基于node.js
npm常用指令后缀*最近复习了一下node.js整理了一下跟node.js相关的指令后缀*--save、-S参数意思是把模块的版本信息保存到dependencies（生产环境依赖）中，即你的package.json文件的dependencies字段中；–--save-dev、-D参数意思是把模块版本信息保存到devDependencies（开发环境依赖）中，即你的package.json文件的de
tomcat基础与部署发布暗黑小菠萝 Tomcat java web
从51cto搬家了，以后会更新在这里方便自己查看。做项目一直用tomcat，都是配置到eclipse中使用，这几天有时间整理一下使用心得，有一些自己配置遇到的细节问题。 Tomcat：一个Servlets和JSP页面的容器，以提供网站服务。一、Tomcat安装安装方式：①运行.exe安装包 &n
网站架构发展的过程 ayaoxinchao 数据库应用服务器网站架构
1.初始阶段网站架构：应用程序、数据库、文件等资源在同一个服务器上 2.应用服务和数据服务分离：应用服务器、数据库服务器、文件服务器 3.使用缓存改善网站性能：为应用服务器提供本地缓存，但受限于应用服务器的内存容量，可以使用专门的缓存服务器，提供分布式缓存服务器架构 4.使用应用服务器集群改善网站的并发处理能力：使用负载均衡调度服务器，将来自客户端浏览器的访问请求分发到应用服务器集群中的任何
[信息与安全]数据库的备份问题 comsci 数据库
如果你们建设的信息系统是采用中心-分支的模式,那么这里有一个问题如果你的数据来自中心数据库,那么中心数据库如果出现故障,你的分支机构的数据如何保证安全呢? 是否应该在这种信息系统结构的基础上进行改造,容许分支机构的信息系统也备份一个中心数据库的文件呢? &n
使用maven tomcat plugin插件debug关联源代码商人shang maven debug 查看源码 tomcat-plugin
*首先需要配置好'''maven-tomcat7-plugin'''，参见[[Maven开发Web项目]]的'''Tomcat'''部分。 *配置好后，在[[Eclipse]]中打开'''Debug Configurations'''界面，在'''Maven Build'''项下新建当前工程的调试。在'''Main'''选项卡中点击'''Browse Workspace...'''选择需要开发的
大访问量高并发 oloz 大访问量高并发
大访问量高并发的网站主要压力还是在于数据库的操作上，尽量避免频繁的请求数据库。下面简要列出几点解决方案： 01、优化你的代码和查询语句，合理使用索引 02、使用缓存技术例如memcache、ecache将不经常变化的数据放入缓存之中 03、采用服务器集群、负载均衡分担大访问量高并发压力 04、数据读写分离 05、合理选用框架，合理架构(推荐分布式架构)。
cache 服务器小猪猪08 cache
Cache 即高速缓存.那么cache是怎么样提高系统性能与运行速度呢？是不是在任何情况下用cache都能提高性能？是不是cache用的越多就越好呢？我在近期开发的项目中有所体会，写下来当作总结也希望能跟大家一起探讨探讨，有错误的地方希望大家批评指正。　　1.Cache 是怎么样工作的? 　　Cache 是分配在服务器上
mysql存储过程香水浓 mysql
Description:插入大量测试数据 use xmpl; drop procedure if exists mockup_test_data_sp; create procedure mockup_test_data_sp( in number_of_records int ) begin declare cnt int; declare name varch
CSS的class、id、css文件名的常用命名规则 agevs JavaScript UI 框架 Ajax css
CSS的class、id、css文件名的常用命名规则 (一)常用的CSS命名规则　　头：header 　　内容：content/container 　　尾：footer 　　导航：nav 　　侧栏：sidebar 　　栏目：column 　　页面外围控制整体布局宽度：wrapper 　　左右中：left right
全局数据源 AILIKES java tomcat mysql jdbc JNDI
实验目的：为了研究两个项目同时访问一个全局数据源的时候是创建了一个数据源对象，还是创建了两个数据源对象。 1：将diuid和mysql驱动包（druid-1.0.2.jar和mysql-connector-java-5.1.15.jar）copy至%TOMCAT_HOME%/lib下；2：配置数据源，将JNDI在%TOMCAT_HOME%/conf/context.xml中配置好,格式如下：&l
MYSQL的随机查询的实现方法 baalwolf mysql
MYSQL的随机抽取实现方法。举个例子，要从tablename表中随机提取一条记录，大家一般的写法就是：SELECT * FROM tablename ORDER BY RAND() LIMIT 1。但是，后来我查了一下MYSQL的官方手册，里面针对RAND()的提示大概意思就是，在ORDER BY从句里面不能使用RAND()函数，因为这样会导致数据列被多次扫描。但是在MYSQL 3.23版本中，
JAVA的getBytes()方法 bijian1013 java eclipse unix OS
在Java中，String的getBytes()方法是得到一个操作系统默认的编码格式的字节数组。这个表示在不同OS下，返回的东西不一样！ String.getBytes(String decode)方法会根据指定的decode编码返回某字符串在该编码下的byte数组表示，如： byte[] b_gbk = "
AngularJS中操作Cookies bijian1013 JavaScript AngularJS Cookies
如果你的应用足够大、足够复杂，那么你很快就会遇到这样一咱种情况：你需要在客户端存储一些状态信息，这些状态信息是跨session(会话)的。你可能还记得利用document.cookie接口直接操作纯文本cookie的痛苦经历。幸运的是，这种方式已经一去不复返了，在所有现代浏览器中几乎
[Maven学习笔记五]Maven聚合和继承特性 bit1129 maven
Maven聚合在实际的项目中，一个项目通常会划分为多个模块，为了说明问题，以用户登陆这个小web应用为例。通常一个web应用分为三个模块： 1. 模型和数据持久化层user-core, 2. 业务逻辑层user-service以 3. web展现层user-web， user-service依赖于user-core user-web依赖于user-core和use
【JVM七】JVM知识点总结 bit1129 jvm
1. JVM运行模式 1.1 JVM运行时分为-server和-client两种模式，在32位机器上只有client模式的JVM。通常，64位的JVM默认都是使用server模式，因为server模式的JVM虽然启动慢点，但是，在运行过程，JVM会尽可能的进行优化 1.2 JVM分为三种字节码解释执行方式：mixed mode, interpret mode以及compiler
linux下查看nginx、apache、mysql、php的编译参数 ronin47
在linux平台下的应用，最流行的莫过于nginx、apache、mysql、php几个。而这几个常用的应用，在手工编译完以后，在其他一些情况下（如：新增模块），往往想要查看当初都使用了那些参数进行的编译。这时候就可以利用以下方法查看。 1、nginx [root@361way ~]# /App/nginx/sbin/nginx -V nginx: nginx version: nginx/
unity中运用Resources.Load的方法？ brotherlamp unity视频 unity资料 unity自学 unity unity教程
问：unity中运用Resources.Load的方法？答：Resources.Load是unity本地动态加载资本所用的方法,也即是你想动态加载的时分才用到它,比方枪弹,特效,某些实时替换的图像什么的,主张此文件夹不要放太多东西,在打包的时分,它会独自把里边的一切东西都会集打包到一同,不论里边有没有你用的东西,所以大多数资本应该是自个建文件放置 1、unity实时替换的物体即是依据环境条件
线段树-入门 bylijinnan java 算法线段树
/** * 线段树入门 * 问题：已知线段[2,5] [4,6] [0,7]；求点2,4,7分别出现了多少次 * 以下代码建立的线段树用链表来保存，且树的叶子结点类似[i,i] * * 参考链接：http://hi.baidu.com/semluhiigubbqvq/item/be736a33a8864789f4e4ad18 * @author lijinna
全选与反选 chicony 全选
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>全选与反选</title>
vim一些简单记录 chenchao051 vim
mac在/usr/share/vim/vimrc linux在/etc/vimrc 1、问：后退键不能删除数据，不能往后退怎么办？答：在vimrc中加入set backspace=2 2、问：如何控制tab键的缩进？答：在vimrc中加入set tabstop=4 (任何
Sublime Text 快捷键 daizj 快捷键 sublime
[size=large][/size]Sublime Text快捷键：Ctrl+Shift+P：打开命令面板Ctrl+P：搜索项目中的文件Ctrl+G：跳转到第几行Ctrl+W：关闭当前打开文件Ctrl+Shift+W：关闭所有打开文件Ctrl+Shift+V：粘贴并格式化Ctrl+D：选择单词，重复可增加选择下一个相同的单词Ctrl+L：选择行，重复可依次增加选择下一行Ctrl+Shift+L：
php 引用(&)详解 dcj3sjt126com PHP
在PHP 中引用的意思是：不同的名字访问同一个变量内容. 与Ｃ语言中的指针是有差别的．Ｃ语言中的指针里面存储的是变量的内容在内存中存放的地址变量的引用 PHP 的引用允许你用两个变量来指向同一个内容复制代码代码如下: <? $a="ABC"; $b =&$a; echo
SVN中trunk,branches,tags用法详解 dcj3sjt126com SVN
Subversion有一个很标准的目录结构，是这样的。比如项目是proj，svn地址为svn://proj/，那么标准的svn布局是svn://proj/|+-trunk+-branches+-tags这是一个标准的布局，trunk为主开发目录，branches为分支开发目录，tags为tag存档目录（不允许修改）。但是具体这几个目录应该如何使用，svn并没有明确的规范，更多的还是用户自己的习惯。
对软件设计的思考 e200702084 设计模式数据结构算法 ssh 活动
软件设计的宏观与微观软件开发是一种高智商的开发活动。一个优秀的软件设计人员不仅要从宏观上把握软件之间的开发，也要从微观上把握软件之间的开发。宏观上，可以应用面向对象设计，采用流行的SSH架构，采用web层，业务逻辑层，持久层分层架构。采用设计模式提供系统的健壮性和可维护性。微观上，对于一个类，甚至方法的调用，从计算机的角度模拟程序的运行情况。了解内存分配，参数传
同步、异步、阻塞、非阻塞 geeksun 非阻塞
同步、异步、阻塞、非阻塞这几个概念有时有点混淆，在此文试图解释一下。同步：发出方法调用后，当没有返回结果，当前线程会一直在等待（阻塞）状态。场景：打电话，营业厅窗口办业务、B/S架构的http请求-响应模式。异步：方法调用后不立即返回结果，调用结果通过状态、通知或回调通知方法调用者或接收者。异步方法调用后，当前线程不会阻塞，会继续执行其他任务。实现：
Reverse SSH Tunnel 反向打洞實錄 hongtoushizi ssh
實際的操作步驟： # 首先，在客戶那理的機器下指令連回我們自己的 Server，並設定自己 Server 上的 12345 port 會對應到幾器上的 SSH port ssh -NfR 12345:localhost:22 [email protected] # 然後在 myhost 的機器上連自己的 12345 port，就可以連回在客戶那的機器 ssh localhost -p 1
Hibernate中的缓存 Josh_Persistence 一级缓存 Hiberante缓存查询缓存二级缓存
Hibernate中的缓存一、Hiberante中常见的三大缓存：一级缓存，二级缓存和查询缓存。 Hibernate中提供了两级Cache，第一级别的缓存是Session级别的缓存，它是属于事务范围的缓存。这一级别的缓存是由hibernate管理的，一般情况下无需进行干预；第二级别的缓存是SessionFactory级别的缓存，它是属于进程范围或群集范围的缓存。这一级别的缓存
对象关系行为模式之延迟加载 home198979 PHP 架构延迟加载
形象化设计模式实战 HELLO!架构一、概念 Lazy Load：一个对象，它虽然不包含所需要的所有数据，但是知道怎么获取这些数据。延迟加载貌似很简单，就是在数据需要时再从数据库获取，减少数据库的消耗。但这其中还是有不少技巧的。二、实现延迟加载实现Lazy Load主要有四种方法：延迟初始化、虚
xml 验证 pengfeicao521 xml xml解析
有些字符，xml不能识别，用jdom或者dom4j解析的时候就报错 public static void testPattern() { // 含有非法字符的串 String str = "Jamey친Ñ&#1282
div设置半透明效果 spjich css 半透明
为div设置如下样式： div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;} 说明： 1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认2、-moz-opaci
你真的了解单例模式么？ w574240966 java 单例设计模式 jvm
单例模式，很多初学者认为单例模式很简单，并且认为自己已经掌握了这种设计模式。但事实上，你真的了解单例模式了么。一，单例模式的5中写法。（回字的四种写法，哈哈。） 1，懒汉式（1）线程不安全的懒汉式 public cla