Outrun like rally game's game

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

No:19783

←

Prev Next

→

Outrun like rally game
Developer User8824｜Date and time 23/10/6 21:22:36
Build time 15.323 sec｜Game capacity 2.931KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Outrun Rally Game</title>
    <style>
        #gameCanvas {
            width: 100%;
            height: 100%;
            position: fixed;
            top: 0;
            left: 0;
        }
     </style>
</head>
<body>
    <canvas id="gameCanvas"></canvas>

// Set canvas size based on window size
            canvas.width = window.innerWidth;
            canvas.height = window.innerHeight;

// Define player character position
            var playerX = 50;
            var playerY = canvas.height - 150;

// Define enemy positions
            var enemyX = 100;
            var enemyY = -100;

// Define player movement speed
            var playerSpeed = 7;

// Define enemy falling speed
            var enemySpeed = 5;

// Define score
            var score = 0;

// Arrow key event listeners for player movement
            document.addEventListener("keydown", movePlayer, false);

function movePlayer(e) {
                if (e.keyCode === 37 && playerX > 10) {
                    playerX -= playerSpeed;
                }
                if (e.keyCode === 39 && playerX < canvas.width - 60) {
                    playerX += playerSpeed;
                }
            }

// Game loop
            function gameLoop() {
                context.clearRect(0, 0, canvas.width, canvas.height);

// Draw player character
                context.fillStyle = "#FF0000";
                context.fillRect(playerX, playerY, 60, 100);

// Draw enemy
                context.fillStyle = "#0000FF";
                context.fillRect(enemyX, enemyY, 60, 100);

// Increase enemy's position vertically
                enemyY += enemySpeed;

// Check for collision
                if (playerX < enemyX + 60 &&
                    playerX + 60 > enemyX &&
                    playerY < enemyY + 100 &&
                    playerY + 100 > enemyY) {
                    alert("Game Over! Your Score: " + score);
                    window.location.reload();
                }

// Increment score when enemy passes player
                if (enemyY > playerY && enemyY <= playerY + 100) {
                    score++;
                }

// Display score
                context.font = "30px Arial";
                context.fillStyle = "white";
                context.fillText("Score: " + score, 20, 40);

// Request next frame
                requestAnimationFrame(gameLoop);
            }

// Start game loop
            gameLoop();
        });
    </script>
</body>
</html>