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

No:45349

←

Prev Next

→

0>Ghost boss fight
Developer WinnerWiener1332｜Date and time 24/2/20 12:22:28
Build time 7.767 sec｜Game capacity 1.73KB｜

Script

Ghost Boss Fight

Tap the screen to defeat the ghost boss!

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Ghost Boss Fight</title>
<style>
    body {
        font-family: Arial, sans-serif;
        text-align: center;
    }
</style>
</head>
<body>

<h1>Ghost Boss Fight</h1>
<p>Tap the screen to defeat the ghost boss!</p>
<button onclick="startGame()">Start Game</button>
<canvas id="gameCanvas" width="400" height="400"></canvas>

const ghost = {
        x: 200,
        y: 200,
        color: 'white',
        size: 50
    }

function drawGhost() {
        ctx.fillStyle = ghost.color;
        ctx.beginPath();
        ctx.arc(ghost.x, ghost.y, ghost.size, 0, Math.PI * 2);
        ctx.fill();
    }

function updateScore() {
        ctx.font = '20px Arial';
        ctx.fillStyle = 'black';
        ctx.fillText('Score: ' + score, 10, 30);
    }

function startGame() {
        canvas.addEventListener('click', function(event) {
            const clickX = event.clientX - canvas.offsetLeft;
            const clickY = event.clientY - canvas.offsetTop;

const distance = Math.sqrt(Math.pow(clickX - ghost.x, 2) + Math.pow(clickY - ghost.y, 2));
            if (distance < ghost.size) {
                score++;
            }
        });

setInterval(() => {
            ghost.x = Math.random() * canvas.width;
            ghost.y = Math.random() * canvas.height;

ctx.clearRect(0, 0, canvas.width, canvas.height);
            drawGhost();
            updateScore();
        }, 1000);
    }
</script>

</body>
</html>