Game where you drive on a track and collect coins with other racers's game

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

No:51525

134

←

Prev Next

→

Game where you drive on a track and collect coins ..ALL
Developer User21371｜Date and time 24/3/13 1:22:13
Build time 13.064 sec｜Game capacity 2.553KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の売れ筋ゲームランキング

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

```html
<!DOCTYPE html>
<html>
<head>
    <title>Coin Collector Racing Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');

// Player car
        let playerX = 400;
        let playerY = 500;

// Other racers
        const racers = [
            { x: 200, y: 100, speed: 1 },
            { x: 400, y: 200, speed: 1.5 },
            { x: 600, y: 300, speed: 2 }
        ];

// Coins
        let coins = [
            { x: 100, y: 100 },
            { x: 300, y: 200 },
            { x: 500, y: 300 },
            { x: 700, y :400 }
        ];

function drawPlayer() {
            ctx.fillStyle = 'blue';
            ctx.fillRect(playerX, playerY, 50, 50);
        }

function drawRacers() {
            racers.forEach(racer => {
                ctx.fillStyle = 'red';
                ctx.fillRect(racer.x, racer.y, 50, 50);
            });
        }

function drawCoins() {
            coins.forEach(coin => {
                ctx.fillStyle = 'yellow';
                ctx.beginPath();
                ctx.arc(coin.x, coin.y, 10, 0, Math.PI * 2);
                ctx.fill();
            });
        }

function updateGame() {
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawPlayer();
            drawRacers();
            drawCoins();
            moveRacers();
            checkCollision();
        }

function checkCollision() {
            coins.forEach((coin, index) => {
                if (playerX < coin.x + 10 &&
                    playerX + 50 > coin.x &&
                    playerY < coin.y + 10 &&
                    playerY + 50 > coin.y) {
                        coins.splice(index, 1);
                    }
            });
        }

// Keyboard controls
        document.addEventListener('keydown', (e) => {
            if (e.key === 'ArrowLeft' && playerX > 0) {
                playerX -= 10;
            }
            if (e.key === 'ArrowRight' && playerX < canvas.width - 50) {
                playerX += 10;
            }
        });

// Game Loop
        setInterval(updateGame, 1000 / 60);
    </script>
</body>
</html>
```