Triangle vs circle.exe's game

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

No:50853

←

Prev Next

→

Triangle vs circle.exe
Developer User21425｜Date and time 24/3/10 0:49:43
Build time 5.946 sec｜Game capacity 1.893KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の人気ゲームランキング

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

<!DOCTYPE html>
<html>
<head>
<title>Triângulo vs Círculo</title>
<style>
    canvas {
        border: 1px solid black;
    }
</style>
</head>
<body>
<canvas id="gameCanvas" width="400" height="400"></canvas>

let triangleX = 50;
    let triangleY = 50;
    let circleX = 200;
    let circleY = 200;

function drawTriangle() {
        ctx.beginPath();
        ctx.moveTo(triangleX, triangleY);
        ctx.lineTo(triangleX + 50, triangleY);
        ctx.lineTo(triangleX + 25, triangleY - 50);
        ctx.closePath();
        ctx.stroke();
    }

function drawCircle() {
        ctx.beginPath();
        ctx.arc(circleX, circleY, 25, 0, Math.PI * 2);
        ctx.stroke();
    }

function checkCollision() {
        let distance = Math.sqrt(Math.pow(triangleX - circleX, 2) + Math.pow(triangleY - circleY, 2));
        if (distance < 25 + 25) {
            alert("Colisão detectada! Você perdeu.");
            // Reiniciar o jogo
            triangleX = 50;
            triangleY = 50;
            circleX = 200;
            circleY = 200;
        }
    }

function updateGameArea() {
        ctx.clearRect(0, 0, canvas.width, canvas.height);
        drawTriangle();
        drawCircle();
        checkCollision();
    }

window.addEventListener('keydown', function(event) {
        switch(event.key) {
            case 'ArrowUp':
                triangleY -= 10;
                break;
            case 'ArrowDown':
                triangleY += 10;
                break;
            case 'ArrowLeft':
                triangleX -= 10;
                break;
            case 'ArrowRight':
                triangleX += 10;
                break;
        }
        updateGameArea();
    });

setInterval(updateGameArea, 20);

</script>

</body>
</html>