Crea un gioco dive due quadrati di colore diverso quando si toccano generano altri quadrati's game

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

No:49520

←

Prev Next

→

Crea un gioco dive due quadrati di colore diverso ..ALL
Developer User19399｜Date and time 24/3/5 10:10:53
Build time 7.609 sec｜Game capacity 1.917KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Gioco dei Quadrati Colorati</title>
<style>
    body {
        margin: 0;
        padding: 0;
        overflow: hidden;
    }
</style>
</head>
<body>
<canvas id="gameCanvas" width="600" height="400"></canvas>

const player1 = {
        x: 50,
        y: 50,
        size: 50,
        color: 'blue'
    }

const player2 = {
        x: 200,
        y: 200,
        size: 50,
        color: 'red'
    }

function drawPlayer(player) {
        ctx.fillStyle = player.color;
        ctx.fillRect(player.x, player.y, player.size, player.size);
    }

function generateSquare() {
        const newX = Math.random() * (canvas.width - 50);
        const newY = Math.random() * (canvas.height - 50);
        const newColor = getRandomColor();
        return { x: newX, y: newY, size: 50, color: newColor };
    }

function getRandomColor() {
        const letters = '0123456789ABCDEF';
        let color = '#';
        for (let i = 0; i < 6; i++) {
            color += letters[Math.floor(Math.random() * 16)];
        }
        return color;
    }

function checkCollision() {
        if (player1.x < player2.x + player2.size &&
            player1.x + player1.size > player2.x &&
            player1.y < player2.y + player2.size &&
            player1.y + player1.size > player2.y) {
            const newSquare = generateSquare();
            drawPlayer(newSquare);
        }
    }

function gameLoop() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);

drawPlayer(player1);
        drawPlayer(player2);
        
        checkCollision();

requestAnimationFrame(gameLoop);
    }

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