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" />