AI game creator

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

No:36643

←

Prev Next

→

Race Game
Developer User16822｜Date and time 24/1/18 5:58:50
Build time 8.004 sec｜Game capacity 2.766KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Race Game</title>
</head>
<body>

// Create player object
        const player = {
            x: 10,
            y: 200,
            width: 50,
            height: 50,
            speed: 5
        };

// Create obstacle object
        const obstacle = {
            x: canvas.width - 60,
            y: 200,
            width: 50,
            height: 50,
            speed: 3
        };

// Function to draw the player
        function drawPlayer() {
            context.fillStyle = "blue";
            context.fillRect(player.x, player.y, player.width, player.height);
        }

// Function to draw the obstacle
        function drawObstacle() {
            context.fillStyle = "red";
            context.fillRect(obstacle.x, obstacle.y, obstacle.width, obstacle.height);
        }

// Function to update game objects
        function update() {
            context.clearRect(0, 0, canvas.width, canvas.height);
            drawPlayer();
            drawObstacle();

player.y += player.speed;
            obstacle.x -= obstacle.speed;

if (obstacle.x + obstacle.width < 0) {
                obstacle.x = canvas.width - 60;
            }

if (player.y + player.height > canvas.height || player.y < 0) {
                gameOver();
            }

if (collisionDetection(player, obstacle)) {
                gameOver();
            }

requestAnimationFrame(update);
        }

// Function to detect collision between player and obstacle
        function collisionDetection(player, obstacle) {
            if (player.x < obstacle.x + obstacle.width &&
                player.x + player.width > obstacle.x &&
                player.y < obstacle.y + obstacle.height &&
                player.y + player.height > obstacle.y) {
                return true;
            }
            return false;
        }

// Function to end the game
        function gameOver() {
            alert("Game Over");
            document.location.reload();
        }

// Function to handle user input
        function handleKeydown(event) {
            if (event.key === "ArrowUp" || event.key === "z") {
                player.y -= player.speed;
            }

if (event.key === "ArrowDown" || event.key === "s") {
                player.y += player.speed;
            }
        }

// Event listener to start game
        document.addEventListener("keydown", handleKeydown);
        update();

</script>
</body>
</html>