Question

所以目前，我有一个简单的方块，我可以用箭头键在画布上移动。我试图弄清楚如何添加另一个不受用户控制的方块，而是跟随用户控制的方块直到它接触到它。所以，我基本上试图建立一个追逐用户控制的广场的广场。到目前为止，这是我的用户控制的广场的代码。

    $(function () {
    var pane = $('#pane'),
    box = $('#box'),
    wh = pane.width() - box.width(),
    wv = pane.height() - box.height(),
    d = {},
    x = 5;

    function newh(v,a,b) {
        var n = parseInt(v, 10) - (d[a] ? x : 0) + (d[b] ? x : 0);
        return n < 0 ? 0 : n > wh ? wh : n;
    }

    function newv(v,a,b) {
        var n = parseInt(v, 10) - (d[a] ? x : 0) + (d[b] ? x : 0);
        return n < 0 ? 0 : n > wv ? wv : n;
    }

    $(window).keydown(function(e) { d[e.which] = true; });
    $(window).keyup(function(e) { d[e.which] = false; });

    setInterval(function() {
        box.css({
            left: function(i,v) { return newh(v, 37, 39); },
            top: function(i,v) { return newv(v, 38, 40); }
        });
        wh = pane.width() - box.width();
        wv = pane.height() - box.height();
    }, 100);
    });

我可以通过复制她的代码和html / css中的div来添加许多其他方块，但仍然根据我的点击移动。如何在没有它的情况下让它们移动？

如何使对象跟随JavaScript中的用户控制对象？

0 个答案: