0

最近、HTML 5、CSS3、および Javascript/Jquery でゲームを作成する方法を学び始めるための本を購入しました。最初に導入されたゲームは、単純なピンポン ゲームです。そのほとんどはコピー アンド ペーストでしたが、それ以来、機能を追加しようとしてきました。

ここに私が調整しようとしているいくつかのコードがあります:

    pingpong.scoreB++;
    $("#scoreB").html(pingpong.scoreB);
    if (pingpong.scoreB == 10){
        alert("Player A Lost");
        pingpong.scoreA = 0;
        pingpong.scoreB = 0;
    }

ここでは、誰かが 10 を打った後にスコアをゼロにリセットしようとしています。

私が調整しようとしている別のコード:

if (pingpong.pressedKeys[KEY.ENTER]){
$("#ball").css({
    "left" : ballLeft + ball.speed * ball.directionX,
    "top" : ballTop + ball.speed * ball.directionY
})};

このコードでは、ENTER を 1 回押した後にボールを動かそうとしています。現在、ボールを継続的に動かすには ENTER を押し続ける必要があります。

4

1 に答える 1

1

pingpont.scoreB++スコアを最初に ( を使用して) 変更すると、次の行で新しいスコアが HTML に書き込まれることに注意してください。ただし、スコアを 0 にリセットした場合、新しいスコアを HTML に書き込むコードを使用する必要はありません。スコアをリセットした後、UI を更新するために数行追加します。

pingpong.scoreB++;
$("#scoreB").html(pingpong.scoreB);  // This line updates the UI
if (pingpong.scoreB == 10){
    alert("Player A Lost");
    pingpong.scoreA = 0;
    pingpong.scoreB = 0;  // After you change the score here, update the UI again
    $("#scoreA").html(pingpong.scoreA);
    $("#scoreB").html(pingpong.scoreB);
}
于 2013-02-01T00:21:08.100 に答える