AI game creator

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

No:30036

←

Prev Next

→

A horror game
Developer User14691｜Date and time 23/12/20 9:48:23
Build time 9.715 sec｜Game capacity 2.757KB｜

Script

Sure, I can help you create a simple horror game using JavaScript and pictograms. Here's an example implementation in a single HTML file:

In this game, you control the player pictogram using touch or mouse movements. The goal is to avoid the ghost pictogram. If the player collides with the ghost, a jumpscare pictogram is displayed, indicating game over. Make sure to replace the `emozi_all/player.png`, `emozi_all/ghost.png`, and `emozi_rabbit.png` with your own pictogram images. You can also modify the game logic and design as per your requirements.

←

Prev　Next

→ 　

Back　

[PR]現在の人気グッズランキング

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

Sure, I can help you create a simple horror game using JavaScript and pictograms. Here's an example implementation in a single HTML file:

```html
<!DOCTYPE html>
<html>
<head>
    <title>Horror Game</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body>
    <canvas id="gameCanvas"></canvas>

<img id="player" src="player.png" style="display: none;">
    <img id="ghost" src="ghost.png" style="display: none;">
    <img id="jumpscare" src="jumpscare.png" style="display: none;">

var playerX = canvas.width / 2;
        var playerY = canvas.height / 2;
        var ghostX = 100;
        var ghostY = 100;
        var gameOver = false;

function draw() {
            // Clear canvas
            ctx.clearRect(0, 0, canvas.width, canvas.height);

// Draw player
            ctx.drawImage(player, playerX, playerY);

if (!gameOver) {
                // Move ghost randomly
                ghostX += Math.random() * 10 - 5;
                ghostY += Math.random() * 10 - 5;

// Draw ghost
                ctx.drawImage(ghost, ghostX, ghostY);

// Check for collision
                if (Math.abs(playerX - ghostX) < 50 && Math.abs(playerY - ghostY) < 50) {
                    gameOver = true;
                    jumpscareEffect();
                }

requestAnimationFrame(draw);
            }
        }

function jumpscareEffect() {
            // Display jumpscare pictogram
            ctx.clearRect(0, 0, canvas.width, canvas.height);
            ctx.drawImage(jumpscare, 0, 0);
        }

function handleMove(event) {
            // Update player position based on touch/mouse event
            playerX = event.clientX - canvas.offsetLeft - 50;
            playerY = event.clientY - canvas.offsetTop - 50;
        }

// Start game
        canvas.addEventListener("mousemove", handleMove);
        draw();
    </script>
</body>
</html>
```

Make sure to replace the `player.png`, `ghost.png`, and `jumpscare.png` with your own pictogram images. You can also modify the game logic and design as per your requirements.