jQuery 游戏按钮生成器

【问题标题】：JQuery Game Button GeneratorjQuery 游戏按钮生成器
【发布时间】：2012-10-26 17:36:03
【问题描述】：

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

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

如何做到这一点？

【问题讨论】：

您可以使用 javascript Math.random(); 生成随机坐标，但我认为您需要稍微充实您的想法并提供您已经尝试过的代码，以便我们提供帮助。
$('button').click(function() { $(this).css({top: Math.random()*100, left: Math.random()*100}); });

标签： jquery button random numbers coordinates

【解决方案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" />

【讨论】：

非常感谢大家。这是我第一次使用这项服务，你们帮了很多忙！我也会在这里帮忙。再次感谢。