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

No:6781

Catch people running off on stolen bikes🏍🏃👮🚓.
Developer User3925｜Date and time 23/7/3 17:06:01
Build time 28.622 sec｜Game capacity 2.672KB｜

Script

バイクを追いかけるゲーム

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>バイクを追いかけるゲーム</title>
</head>
<body>
    <h1>バイクを追いかけるゲーム</h1>
    <canvas id="gameCanvas" width="500" height="500"></canvas>

const bikeImg = document.createElement("img");
        bikeImg.src = "bike.png";

const personImg = document.createElement("img");
        personImg.src = "person.png";

const policeCarImg = document.createElement("img");
        policeCarImg.src = "police_car.png";

let bikeX = 0;
        let bikeY = 200;
        let personX = 480;
        let personY = 200;
        let policeCarX = 240;
        let policeCarY = 240;

function draw() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);

ctx.drawImage(bikeImg, bikeX, bikeY, 64, 64);
            ctx.drawImage(personImg, personX, personY, 64, 64);
            ctx.drawImage(policeCarImg, policeCarX, policeCarY, 64, 64);

// バイクが追いかけられる人にぶつかった場合
            if (bikeX + 64 >= personX && bikeY <= personY + 64 && bikeY + 64 >= personY) {
                alert('バイクを捕まえました！ゲームクリア！');
                clearInterval(gameLoop);
            }

// バイクが警察車両にぶつかった場合
            if (bikeX + 64 >= policeCarX && bikeY <= policeCarY + 64 && bikeY + 64 >= policeCarY) {
                alert('警察車両に追いつかれました。ゲームオーバー！');
                clearInterval(gameLoop);
            }

requestAnimationFrame(draw);
        }

document.addEventListener('keydown', moveBike);

const gameLoop = setInterval(draw, 10);
    </script>
</body>
</html>