0

私は単純なjavascriptアニメーションを持っています。そこでは、2人のカウボーイ（iamges）がランダムな間隔番号に基づいて互いに「競争」します。

方法がわからないのは、スクリプトが勝者を決定することです。つまり、カウボーイが最初に事前定義された距離に到達した場合、スクリプトは誰が勝ったかを認識してアラートを表示します。

例を示すスクリーンショットを次に示します。

ここに画像の説明を入力してください

これは私がこれまでに持っているコードです：http：//pastebin.com/Cmt4N8c9

いくつかの方向性を教えてもらえますか？

ありがとう、ブライアン

4

2 に答える 2

0

あなたのmove()機能では、次のようなことをする必要があります

if (x >= dest_x) {
    alert('player 1 won');
} else if (x2 >= dest_x2) {
    alert('player 2 won');
} else {
    ... continue the loop ... 
}

あなたはおそらくそれを後ろに置くでしょう

document.getElementById("cowboy").style.top  = y+'px';
document.getElementById("cowboy").style.left = x+'px';

document.getElementById("cowboytwo").style.top  = y2+'px';
document.getElementById("cowboytwo").style.left = x2+'px';

ところで、重複変数についてもコードをチェックしたいかもしれません。

たとえば、AFAIK dest_x と dest_x2 はどちらも同じです。

于 2012-11-08T13:37:02.270 に答える
0

シンプルな動き

/* Y is not relevant since you only move it on X axis */

var position1 = 100;
var position2 = 100;

var dest      =  800; //Or any given value

function move() {
    var step1 = Math.floor(1 + (10 * Math.random() ) );
    var step2 = Math.floor(1 + (10 * Math.random() ) );

    position1 += step1;
    position2 += step2;

    document.getElementById("cowboy").style.left     = position1+'px';
    document.getElementById("cowboytwo").style.left = position2+'px';



    if(position1 < dest && position2 < dest) {
        window.setTimeout('move()',100);
    } else {
        //We have the winner
        if(position1 > dest) alert("Winner is Cowboy1");
        if(position2 > dest) alert("Winner is Cowboy2");

        //Its also possible that both of them pass target value at the same step
    }
}
于 2012-11-08T13:41:35.697 に答える