史上短小精悍的JavaScript编写的俄罗斯方块游戏

转载 2016年04月14日 12:00:01

史上短小精悍的JavaScript编写的俄罗斯方块游戏

<!doctype html>
<html>
<head>俄罗斯方块</head>
<body>
<div id="box"
     style="width:252px;font:25px/25px 宋体;background:#000;color:#9f9;border:#999 20px ridge;text-shadow:2px 3px 1px #0f0;"></div>
<script type="text/javascript">
    var domain = "www.zuidaima.com";
    var author = "zuidaima";
    var map = eval("[" + Array(23).join("0x801,") + "0xfff]");
    var tatris = [[0x6600], [0x2222, 0xf00], [0xc600, 0x2640], [0x6c00, 0x4620], [0x4460, 0x2e0, 0x6220, 0x740], [0x2260, 0xe20, 0x6440, 0x4700], [0x2620, 0x720, 0x2320, 0x2700]];
    var keycom = {"38": "rotate(1)", "40": "down()", "37": "move(2,1)", "39": "move(0.5,-1)"};
    var dia, pos, bak, run;
    function start() {
        dia = tatris[~~(Math.random() * 7)];
        bak = pos = {fk: [], y: 0, x: 4, s: ~~(Math.random() * 4)};
        rotate(0);
    }
    function over() {
        document.onkeydown = null;
        clearInterval(run);
        alert("GAME OVER");
    }
    function update(t) {
        bak = {fk: pos.fk.slice(0), y: pos.y, x: pos.x, s: pos.s};
        if (t) return;
        for (var i = 0, a2 = ""; i < 22; i++)
            a2 += map[i].toString(2).slice(1, -1) + "<br/>";
        for (var i = 0, n; i < 4; i++)
            if (/([^0]+)/.test(bak.fk[i].toString(2).replace(/1/g, "\u25a1")))
                a2 = a2.substr(0, n = (bak.y + i + 1) * 15 - RegExp.$_.length - 4) + RegExp.$1 + a2.slice(n + RegExp.$1.length);
        document.getElementById("box").innerHTML = a2.replace(/1/g, "\u25a0").replace(/0/g, "\u3000");
    }
    function is() {
        for (var i = 0; i < 4; i++)
            if ((pos.fk[i] & map[pos.y + i]) != 0) return pos = bak;
    }
    function rotate(r) {
        var f = dia[pos.s = (pos.s + r) % dia.length];
        for (var i = 0; i < 4; i++)
            pos.fk[i] = (f >> (12 - i * 4) & 15) << pos.x;
        update(is());
    }
    function down() {
        ++pos.y;
        if (is()) {
            for (var i = 0; i < 4 && pos.y + i < 22; i++)
                if ((map[pos.y + i] |= pos.fk[i]) == 0xfff)
                    map.splice(pos.y + i, 1), map.unshift(0x801);
            if (map[1] != 0x801) return over();
            start();
        }
        update();
    }
    function move(t, k) {
        pos.x += k;
        for (var i = 0; i < 4; i++)
            pos.fk[i] *= t;
        update(is());
    }
    document.onkeydown = function (e) {
        eval(keycom[(e ? e : event).keyCode]);
    };
    start();
    run = setInterval("down()", 400);
</script>
</body>
</html>

转自http://www.zuidaima.com/share/1759652641295360.htm

[前端 3]纯Js制作俄罗斯方块游戏

导读:在别人文章里看到了,然后写了一遍。结果出错了,然后调出来了,然后理解了一下,加了点注释,有一些想法。忘了在 哪一篇上面看的了,就贴不出来链接地址。原谅。呃,真没自己的东西,权当练打字了吧。其实,...
  • u013034889
  • u013034889
  • 2016年04月10日 00:08
  • 1949

史上最短小精悍的javascript编写的俄罗斯方块游戏,仅仅60行代码

直接上效果图:
  • yan309271291
  • yan309271291
  • 2014年05月31日 11:26
  • 1003

史上最短小精悍的javascript编写的俄罗斯方块游戏,仅仅60行代码

直接上效果图: 通过左右下控制方向,上改变形状。 game over [xml] view plaincopyprint? >html>head>head>body...
  • u014335440
  • u014335440
  • 2014年05月04日 14:49
  • 247

史上最短小精悍的javascript编写的俄罗斯方块游戏,仅仅60行代码

短小精悍俄罗斯方块游戏javascript 原创整理不易,转载请注明出处:史上最短小精悍的javascript编写的俄罗斯方块游戏,仅仅60行代码 代码下载地址:http://ww...
  • u014609236
  • u014609236
  • 2014年05月04日 21:43
  • 395

史上最短小精悍的javascript编写的俄罗斯方块游戏,仅仅60行代码

原创整理不易,转载请注明出处:史上最短小精悍的javascript编写的俄罗斯方块游戏,仅仅60行代码 代码下载地址:http://www.zuidaima.com/share/17596526...
  • oMingZi12345678
  • oMingZi12345678
  • 2014年05月08日 13:16
  • 739

史上最短小精悍的javascript编写的俄罗斯方块游戏,仅仅60行代码

史上最短小精悍的javascript编写的俄罗斯方块游戏,仅仅60行代码 源代码下载地址:http://www.zuidaima.com/share/1759652641295360.htm...
  • springmvc_freemarker
  • springmvc_freemarker
  • 2016年03月12日 09:25
  • 250

史上最短小精悍的javascript编写的俄罗斯方块游戏,仅仅60行代码

史上最短小精悍的javascript编写的俄罗斯方块游戏,仅仅60行代码,代码下载地址:http://www.zuidaima.com/share/1759652641295360.htm...
  • yaerfeng
  • yaerfeng
  • 2014年04月28日 09:52
  • 52134

史上最短小精悍的javascript编写的俄罗斯方块游戏,仅仅60行代码

代码下载地址:http://www.zuidaima.com/share/1759652641295360.htm 直接上效果图: 通过左右下控制方向,上改变形状。 game over ...
  • u010227447
  • u010227447
  • 2014年05月19日 16:33
  • 763

史上最短小精悍的javascript编写的俄罗斯方块游戏,仅仅60行代码

直接上效果图: 通过左右下控制方向,上改变形状。 game over [xml] view plaincopy >html>he...
  • u011277264
  • u011277264
  • 2014年06月04日 10:30
  • 441

史上最短小精悍的javascript编写的俄罗斯方块游戏,仅仅60行代码

原创整理不易,转载请注明出处:史上最短小精悍的javascript编写的俄罗斯方块游戏,仅仅60行代码 代码下载地址:http://www.zuidaima.com/share/17596526...
  • cnmCSDN456
  • cnmCSDN456
  • 2014年05月08日 09:00
  • 316
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:史上短小精悍的JavaScript编写的俄罗斯方块游戏
举报原因:
原因补充:

(最多只允许输入30个字)