レースが始まり、左から右へ早くついたキャラクターの勝利。歩くスピードはランダムに変わる's game

Click here for free DL of the app version that can save data.

No:36757

←

Prev Next

→

レースが始まり、左から右へ早くついたキャラクターの勝利。歩くスピードはランダムに変わる
Developer User16795｜Date and time 24/1/18 10:00:07
Build time 6.328 sec｜Game capacity 1.882KB｜

Script

🐢

🐇

←

Prev　Next

→ 　

Back　

[PR]現在の本の売れ筋ランキング

Click here for free DL of the app version that can save data.

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Race Game</title>
    <style>
        .character {
            font-size: 32px;
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
        }
    </style>
</head>
<body>
    <div class="character" id="character1">🐢</div>
    <div class="character" id="character2">🐇</div>

function startRace() {
            const character1 = document.getElementById("character1");
            const character2 = document.getElementById("character2");

let start = 0;
            let finish = window.innerWidth - character1.offsetWidth;

let interval1 = getRandomSpeed();
            let interval2 = getRandomSpeed();

let position1 = 0;
            let position2 = 0;

const timer1 = setInterval(() => {
                position1 += interval1;
                character1.style.left = position1 + "px";

if (position1 >= finish) {
                    clearInterval(timer1);
                    clearInterval(timer2);

alert("Character 1 Wins!");
                }
            }, 100);

const timer2 = setInterval(() => {
                position2 += interval2;
                character2.style.left = position2 + "px";

if (position2 >= finish) {
                    clearInterval(timer1);
                    clearInterval(timer2);

alert("Character 2 Wins!");
                }
            }, 100);
        }

window.addEventListener("load", startRace);
    </script>
</body>
</html>