Horror Game but you're the k○ller. Your job is To touch a blue dot. The camera follow you's game

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

No:52890

406

←

Prev Next

→

Horror Game but you're the k○ller. Your job is To ..ALL
Developer User13363｜Date and time 24/3/26 12:38:59
Build time 8.11 sec｜Game capacity 1.624KB｜

Script

←

Prev　Next

→ 　

Back　

[PR]現在の欲しいゲームランキング

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

<!DOCTYPE html>
<html>
<head>
    <title>Horor Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>
    <script>
        const canvas = document.getElementById('gameCanvas');
        const ctx = canvas.getContext('2d');
        
        let playerX = canvas.width / 2;
        let playerY = canvas.height / 2;
        let blueDotX = Math.random() * canvas.width;
        let blueDotY = Math.random() * canvas.height;

function drawPlayer() {
            ctx.fillStyle = 'red';
            ctx.beginPath();
            ctx.arc(playerX, playerY, 10, 0, Math.PI * 2);
            ctx.fill();
        }

function drawBlueDot() {
            ctx.fillStyle = 'blue';
            ctx.beginPath();
            ctx.arc(blueDotX, blueDotY, 5, 0, Math.PI * 2);
            ctx.fill();
        }

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

function update() {
            clearCanvas();
            drawPlayer();
            drawBlueDot();
            if (Math.sqrt(Math.pow(playerX - blueDotX, 2) + Math.pow(playerY - blueDotY, 2)) < 10) {
                blueDotX = Math.random() * canvas.width;
                blueDotY = Math.random() * canvas.height;
            }
        }

function movePlayer(event) {
            const rect = canvas.getBoundingClientRect();
            playerX = event.clientX - rect.left;
            playerY = event.clientY - rect.top;
        }

canvas.addEventListener('mousemove', movePlayer);

setInterval(update, 1000 / 60);
    </script>
</body>
</html>