贪吃蛇H5游戏

Html

Css


 长度：

 移动速度：

 提示：按任意方向键开始

var c = document.getElementById("my_canvas").getContext("2d"),
    s = [{
            x: 10,
            y: 9
        },
        {
            x: 10,
            y: 8
        }
    ],
    k = 40,
    f = null,
    t,
    w,
    l = 500,
    m = function(d) {
        if (!d) {
            s.unshift({
                    x: 0,
                    y: 0
                }),
                k % 2 == 0 ? (s[0].x = s[1].x, s[0].y = s[1].y + (k == 40 ? 1 : -1)) : (s[0].y = s[1].y, s[0].x = s[1].x + (k == 39 ? 1 : -1));

if (ck(s[0], 0) || s[0].x < 0 || s[0].x >= 24 || s[0].y < 0 || s[0].y >= 24) {
                ac();
                document.onkeydown = null;
                alert('game over!');
                return false
            };

if (f && (k == 40 && s[0].x == f.x && s[0].y == f.y) || (k == 38 && s[0].x == f.x && s[0].y == f.y) || (k == 37 && s[0].x == f.x && s[0].y == f.y) || (k == 39 && s[0].x == f.x && s[0].y == f.y)) {
                k % 2 == 0 ? (f.x = s[s.length - 1].x, f.y = s[s.length - 1].y + (k == 40 ? -1 : 1)) : (f.x = s[s.length - 1].x + (k == 39 ? -1 : 1), f.y = s[s.length - 1].y);
                f = null,
                    l -= Math.floor(s.length / 10),
                    ac(),
                    a()
            } else s.pop()
        }

if (!f) {
            w = [];
            for (var i = 0; i < 24; i++)
                for (var j = 0; j < 24; j++)
                    if (!ck({
                            x: i,
                            y: j
                        }))
                        w.push({
                            x: i,
                            y: j
                        }),
                        f = w[Math.floor(Math.random() * w.length)]
        };
        c.clearRect(0, 0, 265, 265);
        if (f) {
            c.fillStyle = '#093';
            c.fillRect(1 + f.x * 11, 1 + f.y * 11, 10, 10)
        }
        for (var i = 0; i < s.length; i++) {
            i ? c.fillStyle = '#ccc' : c.fillStyle = '#000';
            c.fillRect(1 + s[i].x * 11, 1 + s[i].y * 11, 10, 10)
        }
        document.getElementById('length').innerHTML = s.length;
        document.getElementById('speed').innerHTML = (Math.floor(l / 1000 * 100) / 100) + 's';
        return true
    },

ck = function(p, j) {
        for (var i = 0; i < s.length; i++)
            if (i != j && p.x == s[i].x && p.y == s[i].y)
                return true;
        return false
    },
    a = function() {
        if (!t)
            t = setInterval(m, l)
    },
    ac = function() {
        clearInterval(t);
        t = null
    };
document.onkeydown = function(e) {
    var kk = e ? e.which : event.keyCode;
    if (kk < 37 || kk > 40 || Math.abs(kk - k) == 2)
        return;
    k = kk;
    ac();
    if (m())
        a()
};
window.onload = m;

↑上面代码改变，会自动显示代码结果 jQuery调用版本：1.11.3

立即下载

贪吃蛇H5游戏



代码描述：贪吃蛇H5游戏源码

0

最新

发表评论全部评论

暂时没有评论！

登录后才可以评论

30秒后在评论吧!

PROMULGATOR

十月

相关代码

贪吃蛇H5游戏

最新