AI game creator

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

No:52949

1930

←

Prev Next

→

Make A Race game
Developer anonymous｜Date and time 24/3/27 4:54:23
Build time 2187 sec｜Game capacity 2.187KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <title>Carrera de Autos</title>
</head>
<body>
    <canvas id="gameCanvas" width="400" height="400"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        
        // Variables
        let playerX = 200;
        let playerY = 350;
        let enemyX = Math.random() * 400;
        let enemyY = 0;
        let playerSpeed = 5;
        let enemySpeed = 2;
        let score = 0;
        
        function drawPlayer() {
            ctx.fillStyle = 'blue';
            ctx.fillRect(playerX, playerY, 50, 50);
        }
        
        function drawEnemy() {
            ctx.fillStyle = 'red';
            ctx.fillRect(enemyX, enemyY, 50, 50);
        }
        
        function movePlayer(direction) {
            if (direction === 'left' && playerX > 0) {
                playerX -= playerSpeed;
            } else if (direction === 'right' && playerX < 350) {
                playerX += playerSpeed;
            }
        }
        
        function update() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            
            drawPlayer();
            drawEnemy();
            
            enemyY += enemySpeed;
            if (enemyY > 400) {
                enemyY = 0;
                enemyX = Math.random() * 400;
                score++;
            }
            
            if (playerX < enemyX + 50 &&
                playerX + 50 > enemyX &&
                playerY < enemyY + 50 &&
                playerY + 50 > enemyY) {
                alert('Game Over! Your Score: ' + score);
                document.location.reload();
            }
            
            ctx.fillStyle = 'black';
            ctx.font = '20px Arial';
            ctx.fillText('Score: ' + score, 10, 30);
        }
        
        document.addEventListener('keydown', function(event) {
            if (event.key === 'ArrowLeft') {
                movePlayer('left');
            } else if (event.key === 'ArrowRight') {
                movePlayer('right');
            }
        });
        
        setInterval(update, 1000 / 60);
    </script>
</body>
</html>