A RACING CAR,VERTICAL VIEW,PIXEL ANIMATIONS,'s game

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

No:48283

←

Prev Next

→

A RACING CAR,VERTICAL VIEW,PIXEL ANIMATIONS,
Developer User20723｜Date and time 24/3/1 21:11:13
Build time 7.623 sec｜Game capacity 1.627KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋アプリランキング

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

```html
<!DOCTYPE html>
<html>
<head>
<title>Racing Car Game</title>
<style>
    body {
        margin: 0;
        overflow: hidden;
    }
    canvas {
        display: block;
    }
</style>
</head>
<body>
<canvas id="gameCanvas" width="400" height="600"></canvas>

// Car image
    const car = new Image();
    car.src = 'https://cdn-icons-png.flaticon.com/512/302/302864.png';
    let carX = canvas.width / 2 - 25;
    let carY = 450;

// Obstacle image
    const obstacle = new Image();
    obstacle.src = 'https://cdn-icons-png.flaticon.com/512/1625/1625059.png';
    let obstacleX = Math.random() * (canvas.width - 50);
    let obstacleY = -50;

// Game loop
    function gameLoop() {
        requestAnimationFrame(gameLoop);

ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw car
        ctx.drawImage(car, carX, carY, 50, 100);

// Draw obstacle
        ctx.drawImage(obstacle, obstacleX, obstacleY, 50, 50);

// Update obstacle position
        obstacleY += 3;
        if (obstacleY > canvas.height) {
            obstacleX = Math.random() * (canvas.width - 50);
            obstacleY = -50;
        }

// Check collision
        if (carX < obstacleX + 50 &&
            carX + 50 > obstacleX &&
            carY < obstacleY + 50 &&
            carY + 100 > obstacleY) {
            alert('Game Over! Your Score: ' + Math.floor(Date.now() / 1000));
            window.location.reload();
        }
    }

gameLoop();
</script>
</body>
</html>
```