jquery - jQuery 游戏按钮生成器

Question

我一直在寻找我拥有的游戏创意。我刚刚开始使用 JQuery，我想知道如何制作一个游戏，您单击一个按钮然后它会在不同的位置重生。

我所知道的是，我也会制作一个画布，然后在画布中生成 2 个数字，然后将其移动到那个位置。

如何才能做到这一点？

Answer 1

这可以通过操纵应用于按钮的 CSS 来非常简单地完成。这是一个例子：

JavaScript：

$(document).ready(function(){
    $("#button").on("click", function(){
        var widthMax = $(window).width() - $("#button").width();
        var heightMax = $(window).height() - $("#button").height();

        var randomLeft = Math.random() * (widthMax);
        var randomTop = Math.random() * (heightMax);

        $("#button").css("left", randomLeft).css("top", randomTop);
    });
});

HTML：

<input type="button" style="position: absolute;" id="button" value="Click Me" />