Horror Game. There Are 3 Characters,Cirucle The Circule Will Appear Randomly At The Right Door Of Your Office,To Avoid It Just Close The Right Door,Cube The Cube Can Be Avoided The Same Way Than Circule,The Difference Is That Cube Goes Through The Left Door,Triangule The Triangule Will Run To Your Office,To Avoid Triangule,Just Close The Right Door's game

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

No:20978

←

Prev Next

→

Horror Game. There Are 3 Characters,Cirucle The Ci..ALL
Developer User9252｜Date and time 23/10/12 9:35:45
Build time 74.773 sec｜Game capacity 3.972KB｜

Script

←

Prev　Next

→ 　

Back　

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

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

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Horror Game</title>
</head>
<body>
    <canvas id="gameCanvas" width="800" height="600"></canvas>

// Player character
        var player = {
            x: canvas.width / 2,
            y: canvas.height / 2,
            width: 50,
            height: 50,
            speed: 5
        };

// Enemy characters
        var circle = {
            x: -50,
            y: Math.random() * (canvas.height - 50),
            width: 50,
            height: 50,
            speed: 2
        };

var cube = {
            x: canvas.width + 50,
            y: Math.random() * (canvas.height - 50),
            width: 50,
            height: 50,
            speed: 3
        };

var triangle = {
            x: Math.random() * (canvas.width - 50),
            y: -50,
            width: 50,
            height: 50,
            speed: 4
        };

// Key states
        var rightDoorClosed = false;
        var leftDoorClosed = false;

// Event listener to close the right door
        document.addEventListener("keydown", function(event) {
            if (event.keyCode === 39) { // Right arrow key
                rightDoorClosed = true;
            }
        });

// Event listener to close the left door
        document.addEventListener("keydown", function(event) {
            if (event.keyCode === 37) { // Left arrow key
                leftDoorClosed = true;
            }
        });

// Update the game state
        function update() {
            // Move the player character based on arrow key input
            if (rightDoorClosed === true && player.x < canvas.width - player.width) {
                player.x += player.speed;
            }
            if (leftDoorClosed === true && player.x > 0) {
                player.x -= player.speed;
            }

// Move the enemy characters
            circle.x += circle.speed;
            cube.x -= cube.speed;
            triangle.y += triangle.speed;

// Check for collision with player character
            if (collision(circle, player) || collision(cube, player) || collision(triangle, player)) {
                alert("Game Over");
                location.reload(); // Restart the game
            }

// Request animation frame to keep updating the game state
            requestAnimationFrame(update);
        }

// Function to check collision between two objects
        function collision(object1, object2) {
            if (object1.x < object2.x + object2.width &&
                object1.x + object1.width > object2.x &&
                object1.y < object2.y + object2.height &&
                object1.y + object1.height > object2.y) {
                return true;
            }
            return false;
        }

// Draw the game state
        function draw() {
            // Clear the canvas
            context.clearRect(0, 0, canvas.width, canvas.height);

// Draw the player character
            context.fillStyle = "blue";
            context.fillRect(player.x, player.y, player.width, player.height);

// Draw the enemy characters
            context.fillStyle = "red";
            context.fillRect(circle.x, circle.y, circle.width, circle.height);

context.fillStyle = "green";
            context.fillRect(cube.x, cube.y, cube.width, cube.height);

context.fillStyle = "yellow";
            context.fillRect(triangle.x, triangle.y, triangle.width, triangle.height);

// Request animation frame to keep drawing the game state
            requestAnimationFrame(draw);
        }

// Start the game
        update();
        draw();
    </script>
</body>
</html>