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

No:27713

131

←

Prev Next

→

Polisi simulator
Developer User13363｜Date and time 23/12/8 12:45:10
Build time 26.813 sec｜Game capacity 2.593KB｜

Script

Polisi Simulator

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>

<head>
    <title>Polisi Simulator</title>
</head>

<body>
    <h1>Polisi Simulator</h1>
    <canvas id="gameCanvas" width="400" height="600"></canvas>

// Game variables
        let playerX = canvas.width / 2;
        let playerY = canvas.height - 50;
        let score = 0;
        let policeX = Math.floor(Math.random() * (canvas.width - 30));
        let policeY = 0;
        let gameOver = false;

// Pictograms
        const playerImage = new Image();
        playerImage.src = "police_car.png";

const policeImage = new Image();
        policeImage.src = "criminal_car.png";

// Event listeners
        document.addEventListener("keydown", handleKeyDown);

// Event handlers
        function handleKeyDown(event) {
            const key = event.key;

// Move left
            if ((key === "ArrowLeft" || key === "Left") && playerX > 0) {
                playerX -= 10;
            }
            // Move right
            else if ((key === "ArrowRight" || key === "Right") && playerX < canvas.width - 30) {
                playerX += 10;
            }
        }

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

// Draw player
            ctx.drawImage(playerImage, playerX, playerY, 30, 50);

// Draw police
            ctx.drawImage(policeImage, policeX, policeY, 30, 50);

// Move police downwards
            policeY += 3;

// Collision detection
            if (policeY > canvas.height) {
                policeX = Math.floor(Math.random() * (canvas.width - 30));
                policeY = 0;
                score++;
            }

if (playerX < policeX + 30 && playerX + 30 > policeX &&
                playerY < policeY + 50 && playerY + 50 > policeY) {
                gameOver = true;
            }

if (!gameOver) {
                requestAnimationFrame(draw);
            } else {
                endGame();
            }
        }

function endGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.font = "36px Arial";
            ctx.fillText("Game Over", canvas.width / 2 - 100, canvas.height / 2);
            ctx.fillText("Score: " + score, canvas.width / 2 - 70, canvas.height / 2 + 40);
        }

// Start the game
        draw();

</script>
</body>

</html>